티스토리 서식 만들기 : 게시물 내용에 애드센스 넣기 방법

티스토리 서식 만들기 : 게시물 내용에 애드센스 넣기 방법입니다. : Tistory Format Make

블로그 포스팅을 하시면서 내용이 길어지는 경우에 내용 속에 광고 넣어 보고 싶으신 경우 있을거에요.
그런 경우 매번 태그를 만들 수는 없으니 서식으로 만들어서 사용을 하게 됩니다.

1.

광고를 신규로 생성을 합니다.
320 x 100 짜리로 합니다.  저는 두개를 넣어서 사용을 할겁니다.

2.
광고 코드를 복사하시고요.

태그를 만들어두세요.

<!--구글 애드센스 시작 aisi-->

<div style="text-align:center;margin:10px 0px 10px 0px;clear:both"><div style="display:inline;text-align:center;">

 

광고 태그 1

 

광고 태그 2

</div></div>

<!--구글 애드센스 끝-->

이거를 활용해서 제작을 합니다.

저는 이렇게 태그를 만들었습니다.

<!--구글 애드센스 시작 aisi-->

<div style="text-align:center;margin:10px 0px 10px 0px;clear:both"><div style="display:inline;text-align:center;">

 

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- aisi1004.tistory 콘텐츠 내용용 -->

<ins class="adsbygoogle"

     style="display:inline-block;width:320px;height:100px"

     data-ad-client="ca-pub-■■■■■■■■■"

     data-ad-slot="■■■■■■"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

 

 

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- aisi1004.tistory 콘텐츠 내용용 -->

<ins class="adsbygoogle"

     style="display:inline-block;width:320px;height:100px"

     data-ad-client="ca-pub-■■■■■■■■■"

     data-ad-slot="■■■■■■"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

 

</div></div>

<!--구글 애드센스 끝-->

3.
티스토리 블로그 쓰기 - 상단에 서식을 클릭하고 HTML 체크를 합니다.

그리고 위에 만든 태그를 넣고 확인을 클릭힙니다. 

제목은 콘텐츠 애드센스 넣었습니다. 내가 넣는 제목으로 서식에서 골라서 사용이 가능합니다.

4. 

이렇게 분류에 서식이라고 표시가 되면 서식으로 완료가 된겁니다.

5. 

블로그 - 쓰기를 선택하고 원하는 부분에 간 다음에
왼쪽 아래 플러그인에 콘텐츠 애드센스라고 제목으로 저장한 서식을 선택합니다.

6. 

이렇게 뭔가 공백이 생기는 것을 알 수 있습니다.

태그이기 때문에 직접 보이지 않아서 생기는 문제입니다.

이렇게 틈이 벌어지면 넣어진것입니다.

발행해서 완료를 합니다.

7. 

이렇게 광고가 들어간것을 알 수 있습니다.

이렇게 두개를 배치를하면 모바일에서 2층으로 보이게 됩니다.

네모 배너를 넣지 않는 이유는 모바일에 가득 차는 경우를 예방하기 위해서 이니 참고하셨으면 합니다.