-
구글 애드센스(google adsense) 반응형 링크광고 글수정없이 모든글에 삽입하기Blog 에드센스/에드센스팁 2016. 12. 11. 16:47
에드센스는 한 페이지당 광고 갯수 제한이 있습니다.
- 콘텐츠용 애드센스 단위 최대 3개
- 링크 단위 최대 3개
- 검색창 최대 2개
저는 현재 검색창은 어디에 삽입해야 좋을지 선택을 못하였기 때문에, 콘텐츠용 애드센스는 3개, 링크는 3개까지 나타나고 있습니다.
앞서, 티스토리 반응형광고 삽입법을 알려드렸는데, 오늘은 최대 3개까지 삽입할 수 있는 링크광고 삽입법을 알려드리겠습니다.
광고 삽입 방법
수많은 글의 링크를 수정하는 방법은 정말로 힘듭니다.
그렇기 때문에 많은 분들이 치환자를 사용하고 있습니다.
1. 구글 에드센스 (http://www.google.com/adsense/)에서 링크광고를 생성합니다.
새 광고단위를 선택 한 후 광고크기에서 링크광고를 선택합니다.
2. 똑같은 방법으로 3개까지 생성합니다. 링크광고는 최대 3개까지 삽입 가능하니, 3개를 넣어주는 것이 좋습니다.
태그 바로 위에 아래 코드를 삽입합니다.<div id="adsenselink1" style="display:none;">
반응형 링크 1번코드를 삽입합니다.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 링크 반응형1 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"
data-ad-format="link"></ins>
여기까지는 붙여 넣습니다만 아래의 코드는 지워주세요
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div id="adsenselink2" style="display:none;">
반응형 링크 2번코드를 삽입합니다.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 링크 반응형2 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"
data-ad-format="link"></ins>
여기까지는 1번과 동일하게 삽입합니다.
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
1번과 동일하게 지워주세요
</div>
<div id="adsenselink3" style="display:none;">
반응형 링크 3번코드를 삽입합니다.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 링크 반응형3 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"
data-ad-format="link"></ins>
여끼까지도 동일하게 삽입합니다.
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
위의 코드는 지워주세요
</div>
<script type="text/javascript">
$(function(){
var numimg = parseInt($(".imageblock").length,10);
var ibwidth = 200;
if(numimg>0){
if(numimg==1){
$("#adsenselink2").remove();
$("#adsenselink3").remove();
}else if(numimg==2){
$("#adsenselink3").remove();
}
if(numimg>0){
ibwidth = $(".imageblock:first").css("width");
if(parseInt(ibwidth) < 728){
$("#adsenselink1").css({"display":"block","min-height":"18px","width":"200px"});
}else{
$("#adsenselink1").css({"display":"block","min-height":"18px","width":"728px"});
}
$(".imageblock:first").append($("#adsenselink1"));
(adsbygoogle = window.adsbygoogle || []).push({});
}
if(numimg>1){
ibwidth = $(".imageblock:eq(1)").css("width");
if(parseInt(ibwidth) < 728){
$("#adsenselink2").css({"display":"block","min-height":"18px","width":"200px"});
}else{
$("#adsenselink2").css({"display":"block","min-height":"18px","width":"728px"});
}
$(".imageblock:eq(1)").append($("#adsenselink2"));
(adsbygoogle = window.adsbygoogle || []).push({});
}
if(numimg>2){
ibwidth = $(".imageblock:last").css("width");
if(parseInt(ibwidth) < 728){
$("#adsenselink3").css({"display":"block","min-height":"18px","width":"200px"});
}else{
$("#adsenselink3").css({"display":"block","min-height":"18px","width":"728px"});
}
$(".imageblock:last").append($("#adsenselink3"));
(adsbygoogle = window.adsbygoogle || []).push({});
}
}else{
$("#adsenselink1").remove();
$("#adsenselink2").remove();
$("#adsenselink3").remove();
}
});
</script>
여기까지 하시면, 제 글과 똑같이 이미지 아래 링크광고가 자동으로 삽입이 됩니다.
'Blog 에드센스 > 에드센스팁' 카테고리의 다른 글
구글 에드센스 SC제일은행 외화통장 만들다 100달러 식별코드안내 외화송금방법 (0) 2017.01.12 구글 에드센스 핀번호 등록하다 (2) 2017.01.01 구글 애드센스(google adsense) 반응형 링크광고 글수정없이 모든글에 삽입하기 (1) 2016.12.11 구글 애드센스(google adsense) 반응형 광고 티스토리에 쉽게 적용하자 (3) 2016.12.11 사이트맵(sitemap)을 만들어보고 제출을 해보자 (0) 2016.12.10 에드센스(에드고시) 1차 2차 검토중을 통과했습니다. 승인 팁 (27) 2016.12.08 TAG
댓글 1
관리자의 승인을 기다리고 있는 댓글입니다
2018.05.17 14:01