<div id="xyz">
<!-- 티스토리 본문 중간 광고 삽입 -->
중간 광고 코드를 넣어주세요.
</div>
<script>
document.getElementById('abc').appendChild(document.getElementById('xyz'));
</script>
</div>
상위 코드에 조금 전에 복사한 광고 코드를 넣어서 "article" DIV 안에 넣어주세요.
<div class="article">
반응형
오늘은 다양한 광고를 사용할 수 있는 AdSense 광고를
티스토리 본문 중간에 넣는 방법을 알아보겠습니다.
티스토리 본문중간광고넣기를 시작하겠습니다.
티스토리 본문중간광고넣기 위해서는 기본적으로 AdSense에 가입되어 있어야 합니다.
티스토리 본문중간광고넣기 Google AdSense 기본 설정은 2020년 1월 2일 기준으로 작성했습니다.
<div id="xyz">
<!-- 티스토리 본문 중간 광고 삽입 -->
중간 광고 코드를 넣어주세요.
</div>
<script>
document.getElementById('abc').appendChild(document.getElementById('xyz'));
</script>
</div>
상위 코드에 조금 전에 복사한 광고 코드를 넣어서 "article" DIV 안에 넣어주세요.
<div class="article">
<div id="xyz">
<!-- 티스토리 본문 중간 광고 삽입 -->
중간 광고 코드를 넣어주세요.
</div>
<script>
document.getElementById('abc').appendChild(document.getElementById('xyz'));
</script>
</div>
상기 코드처럼 넣어 주시면 됩니다.
document.getElementById는 원하는 내용으로 변경 가능하고
광고 div id도 원하는 내용으로 변경하면 됩니다.
내용을 복사했다면 "적용"을 클릭하고 새 글이나, 본문 편집을 클릭해서 글쓰기로 들어갑니다.
티스토리 본문중간광고넣기 위해서는 HTML 편집 형태로 변경해야 하기 때문에 먼저 본문을 등록하고
우측 상단에 있는 HTML 모드로 변경 후 아래와 같이 코드를 입력해주세요.
원하는 위치에 아래 코드를 입력합니다.
<p><br/></p><div id="abc"></div><p><br/></p>
위 코드에서 "abc"는 소스 편집에서 등록한 document ID로 생성 내용에 따라서 변경하면 됩니다.
티스토리 본문중간광고넣기 완료 사진입니다.
복문에 중간 광고를 확인할 수 있습니다.
위 방법 말고 그냥 HTML 편집에서 광고를 직접 등록해도 동일한 효과를 확인할 수 있습니다.
<div id="xyz">
<!-- 티스토리 본문 중간 광고 삽입 -->
중간 광고 코드를 넣어주세요.
</div>
<script>
document.getElementById('abc').appendChild(document.getElementById('xyz'));
</script>
</div>
상기 코드처럼 넣어 주시면 됩니다.
document.getElementById는 원하는 내용으로 변경 가능하고
광고 div id도 원하는 내용으로 변경하면 됩니다.
내용을 복사했다면 "적용"을 클릭하고 새 글이나, 본문 편집을 클릭해서 글쓰기로 들어갑니다.
티스토리 본문중간광고넣기 위해서는 HTML 편집 형태로 변경해야 하기 때문에 먼저 본문을 등록하고
우측 상단에 있는 HTML 모드로 변경 후 아래와 같이 코드를 입력해주세요.
원하는 위치에 아래 코드를 입력합니다.
<p><br/></p><div id="abc"></div><p><br/></p>
위 코드에서 "abc"는 소스 편집에서 등록한 document ID로 생성 내용에 따라서 변경하면 됩니다.
티스토리 본문중간광고넣기 완료 사진입니다.
복문에 중간 광고를 확인할 수 있습니다.
위 방법 말고 그냥 HTML 편집에서 광고를 직접 등록해도 동일한 효과를 확인할 수 있습니다.
