저번 시간에 티스토리 블로그 본문 상/하단에 광고 달기에서 본문 상하단에 광고 넣기에 대해서 알아보았습니다.
※ 광고를 다는 법을 배우실려면,
블로그 본문 상/하단에 광고 달기 ☜ 포스팅을 먼저 읽어보시기 바랍니다.
일반적인 가로형 배너를 넣으실 경우에는 앞전 포스팅에서 설명드린 방법대로만 하시면 문제가 없을 것입니다.
오늘은 네모 형태의 애드센스 광고를 다는 방법을 알아보겠습니다.
일단 본문 상단 중앙에 큰 사각형 광고를 하나만 다실 경우에는 크게 문제 될 것이 없습니다.
앞선 포스팅에서 설명드린데로, 광고 Script만 복사하셔서 붙여 넣으신 후, Sciprt 바로 위에
<P align = "center">
구문만 추가 하시면 됩니다.
|
|
상단에 2개의 광고를 달고 싶은 경우도 별반 다르지 않습니다. |
|
기본적인 방법은 하나의 광고를 다는 것과 동일하게 ##_article_rep_desc_## 표시를 찾아, 바로 위에 두 개의 Script를 각자 복사하시어, 나란히 붙여넣기 하시면 됩니다.
※ 동일한 Script를 붙이시면 안되고, 각각 광고를 생성하시어 다른 Script를 붙이셔야 합니다.
|
|
<!-- 본문 상단 광고 넣기-->
<!-- 좌측 광고 시작-->
<SCRIPT src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async></SCRIPT>
<INS style="WIDTH: 336px; DISPLAY: inline-block; HEIGHT: 280px" class=adsbygoogle data-ad-slot="0000000000" data-ad-client="ca-pub-0000000000000000"></INS>
<SCRIPT>
(adsbygoogle = window.adsbygoogle || []).push({});
</SCRIPT>
<!-- 좌측 광고 종료-->
<!-- 우측 광고 시작-->
<SCRIPT src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async></SCRIPT>
<INS style="WIDTH: 336px; DISPLAY: inline-block; HEIGHT: 280px" class=adsbygoogle data-ad-slot="0000000001" data-ad-client="ca-pub-0000000000000001"></INS>
<SCRIPT>
(adsbygoogle = window.adsbygoogle || []).push({});
</SCRIPT>
<!-- 우측 광고 종료-->
<!-- 본문 상단 광고 넣기 종료-->
[ ##_article_rep_desc_## ] |
|
하나와 마찬가지로, 두 광고를 본문 상단 중앙에 달고 싶으시면, 좌측 광고 Script 바로 위에
<P align = "center">
구문만 추가 하시면 됩니다.
잠깐 스샷을 찍기 위해 크기가 다릅니다만, 광고 크기가 같은 Script를 붙이시면 같은 크기의 광고가 게재됩니다.
|
|
제 블로그처럼 상단에 광고를 1개를 달고 싶지만, 우측에 몰아놓고 좌측에는 포스팅의 내용이 보이기를 원하시는 분이 계실 겁니다. |
|
이 경우도 그렇게 어렵지는 않습니다.
광고를 하나만 다는 경우와 마찬가지로 ##_article_rep_desc_## 상단에 광고 Script를 붙입니다.
그리고 광고 Script 상단에 <div style="margin: 10px 0px 10px 20px; float: right;"> 를,
하단에 </div> 를 추가해 주시면 됩니다.
|
|
<!-- 본문 상단 광고 넣기-->
<div style="margin: 10px 0px 10px 20px; float: right;">
<SCRIPT src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async></SCRIPT>
<INS style="WIDTH: 336px; DISPLAY: inline-block; HEIGHT: 280px" class=adsbygoogle data-ad-slot="0000000002" data-ad-client="ca-pub-0000000000000002"></INS>
<SCRIPT>
(adsbygoogle = window.adsbygoogle || []).push({});
</SCRIPT>
</div>
<!-- 본문 상단 광고 넣기 종료-->
[ ##_article_rep_desc_## ] |
|
이런 형태가 되겠죠?
단, 이 경우는 우리가 우측에 붙이는 것이 목표이므로,
<P align = "center">
구분은 빼주시도록 합니다.
자, 이제는 우측 상단에는 광고가 달려있으며, 광고의 좌측에는 작성한 본문 내용이 떡~! 하니 잘 나타납니다.
|
|
어떤 형태의 광고가 클릭률이 높은지는 명확히 확인되진 않았습니다.
제가 보기엔 두 개를 나란히 놓는 경우가 많은 듯 하더군요.
어떤 형태로 설정하실지는 본인이 결정할 일인 듯 합니다.
광고를 원하는 형태대로 게재하시어, 많은 수익 나시기 바랍니다. *^^* |
|