구글 블로그 인라인 애드 In-Line Ads 원하는 광고 단위 형식 코드로 변경 하는 방법 - 네이티브 인피드 광고 (Native In-feed ads)로 대체하기
구글 애드센스를 게제하는 경우에, 구글 블로그는 여러 모로 편리한 점이 많습니다. 그 가운데 하나가 인라인 애드(In Line Ads)일 것 같습니다.
인라인 애드 기능을 사용하면, 글 목록 페이지에서 애드센스 광고 노출 개수, 몇 개의 글 마다 광고를 노출 할 지 등을 자유로이 설정할 수 고, 메인 페이지 하단에도 광고가 들어 갑니다.
단점으로는, 인-아티클 애드, 인-피드 애드, 반응형 링크 광고 등 새로운 광고단위들을 적용할 수 없습니다. 또한, 애드센스 홈페이지 보고서에서, 노출 수, 클릭, 수입등 통계가 표시되지 않습니다.
인라인 애드의 장점을 그대로 사용하면서, 새로운 광고단위를 자유로이 적용하려면 아래와 같이 하는 길이 있습니다. 이렇게 하면, 애드센스 홈페이지 보고서에서 인라인 애드 상황도 파악할 수 있습니다.
방법은 간단하여 누구나 쉽게 할 수 있습니다.
구글 블로그에서 인라인 애드를 활성화 시켜 놓고, 인라인 애드 광고코드 부분을 원하는 광고 코드로 대체하는 것입니다.
1) 인라인 애드 코드를 찾습니다.
블로그 대시보드에서, HTML 편집창을 열고 > [컨트롤 F, Ctrl + F] 키를 쳐서 검색창을 열고 > 아래의 코드를 복사하여 붙여 넣고, 검색(엔터 키를 침)하여, 해당 위치로 이동합니다. 아래 코드를 검색하면, 2개가 나옵니다. 둘 다 대체를 해 주어야 합니다.
2) 위 코드가 작동하지 않도록 합니다.
위 코드는 자동으로 인라인 애드 코드가 삽입되게 하는 코드입니다. 그러므로, 일단 이 코드의 작동을 중단시켜야 합니다.
코드가 작동하지 않게 하려면, (1) 해당 부분을 삭제하여도 되고, (2) 아래에서 빨강색으로 표시한 것과 같이, 주석으로 처리하여도 됩니다.
다시 원상회복할 것을 생각한다면, 아예 삭제하기 보다는, 아래와 같이 주석처리 하는 것이 더 나을 것 같습니다. 아래에서, 앞 쪽의 !-- 와 뒤 쪽의 -- 부분이 추가 된 것입니다.
3) 원하는 광고 코드를 붙여 넣습니다.
위 2)와 같이 해당 코드를 삭제 또는 주석처리하고, 바로 그 아래에 원하는 광고 코드를 넣습니다. 애드센스 홈페이지에서 원하는 광고단위 코드를 복사하여 붙여 넣으면 됩니다. 그리고 [저장]을 하면, 작업 끝입니다.
주의 할 것은, 애드센스 코드의 async 에 ="async"를 추가하여 async="async" 모양으로 수정해 주어야 합니다. 아래에서 빨강색으로 표시한 부분입니다.
아래를 보면 금방 이해가 될 것입니다.
[ 원래의 HTML 코드 모양]
[ 광고 코드를 넣은 뒤의 모양]
[인라인 애드 광고코드를 원하는 광고단위 코드로 변경한 모양]
>> 인라인 애드 (InLine Ads) 넣고 설정하는 방법 - 글과 글 사이에 애드센스 넣기와 가로 위치 (왼쪽 가운데 오른쪽 등) 조절하기
>> 애드센스 최대 허용/노출 개수 설정 방법 maxNumAds : 반응형 테마 - 콘템포, 엠포리오, 소호, 노터블
인라인 애드 기능을 사용하면, 글 목록 페이지에서 애드센스 광고 노출 개수, 몇 개의 글 마다 광고를 노출 할 지 등을 자유로이 설정할 수 고, 메인 페이지 하단에도 광고가 들어 갑니다.
단점으로는, 인-아티클 애드, 인-피드 애드, 반응형 링크 광고 등 새로운 광고단위들을 적용할 수 없습니다. 또한, 애드센스 홈페이지 보고서에서, 노출 수, 클릭, 수입등 통계가 표시되지 않습니다.
인라인 애드의 장점을 그대로 사용하면서, 새로운 광고단위를 자유로이 적용하려면 아래와 같이 하는 길이 있습니다. 이렇게 하면, 애드센스 홈페이지 보고서에서 인라인 애드 상황도 파악할 수 있습니다.
방법은 간단하여 누구나 쉽게 할 수 있습니다.
구글 블로그에서 인라인 애드를 활성화 시켜 놓고, 인라인 애드 광고코드 부분을 원하는 광고 코드로 대체하는 것입니다.
1) 인라인 애드 코드를 찾습니다.
블로그 대시보드에서, HTML 편집창을 열고 > [컨트롤 F, Ctrl + F] 키를 쳐서 검색창을 열고 > 아래의 코드를 복사하여 붙여 넣고, 검색(엔터 키를 침)하여, 해당 위치로 이동합니다. 아래 코드를 검색하면, 2개가 나옵니다. 둘 다 대체를 해 주어야 합니다.
<b:include data='post' name='super.inlineAd'/>
2) 위 코드가 작동하지 않도록 합니다.
위 코드는 자동으로 인라인 애드 코드가 삽입되게 하는 코드입니다. 그러므로, 일단 이 코드의 작동을 중단시켜야 합니다.
코드가 작동하지 않게 하려면, (1) 해당 부분을 삭제하여도 되고, (2) 아래에서 빨강색으로 표시한 것과 같이, 주석으로 처리하여도 됩니다.
다시 원상회복할 것을 생각한다면, 아예 삭제하기 보다는, 아래와 같이 주석처리 하는 것이 더 나을 것 같습니다. 아래에서, 앞 쪽의 !-- 와 뒤 쪽의 -- 부분이 추가 된 것입니다.
<!-- b:include data='post' name='super.inlineAd'/ -->
3) 원하는 광고 코드를 붙여 넣습니다.
위 2)와 같이 해당 코드를 삭제 또는 주석처리하고, 바로 그 아래에 원하는 광고 코드를 넣습니다. 애드센스 홈페이지에서 원하는 광고단위 코드를 복사하여 붙여 넣으면 됩니다. 그리고 [저장]을 하면, 작업 끝입니다.
주의 할 것은, 애드센스 코드의 async 에 ="async"를 추가하여 async="async" 모양으로 수정해 주어야 합니다. 아래에서 빨강색으로 표시한 부분입니다.
아래를 보면 금방 이해가 될 것입니다.
[ 원래의 HTML 코드 모양]
<b:includable id='inlineAd' var='post'>
<div>
<b:class cond='data:post.adNumber + data:numDesktopAds lt data:maxNumAds' name='desktop-ad'/>
<b:class cond='data:post.adNumber + data:numMobileAds lt data:maxNumAds' name='mobile-ad'/>
<b:include data='post' name='super.inlineAd'/>
</div>
</b:includable>
</b:defaultmarkup>
<div>
<b:class cond='data:post.adNumber + data:numDesktopAds lt data:maxNumAds' name='desktop-ad'/>
<b:class cond='data:post.adNumber + data:numMobileAds lt data:maxNumAds' name='mobile-ad'/>
<b:include data='post' name='super.inlineAd'/>
</div>
</b:includable>
</b:defaultmarkup>
[ 광고 코드를 넣은 뒤의 모양]
<b:includable id='inlineAd' var='post'>
<div>
<b:class cond='data:post.adNumber + data:numDesktopAds lt data:maxNumAds' name='desktop-ad'/>
<b:class cond='data:post.adNumber + data:numMobileAds lt data:maxNumAds' name='mobile-ad'/>
<!-- b:include data='post' name='super.inlineAd'/ -->
<script async='async' src="//pagead2.googlesyndication........"></script>
<ins class="adsbygoogl...."
...........
<script>
(adsbygoogle = window.adsbygoogle.......;
</script>
</div>
</b:includable>
</b:defaultmarkup>
<div>
<b:class cond='data:post.adNumber + data:numDesktopAds lt data:maxNumAds' name='desktop-ad'/>
<b:class cond='data:post.adNumber + data:numMobileAds lt data:maxNumAds' name='mobile-ad'/>
<!-- b:include data='post' name='super.inlineAd'/ -->
<script async='async' src="//pagead2.googlesyndication........"></script>
<ins class="adsbygoogl...."
...........
<script>
(adsbygoogle = window.adsbygoogle.......;
</script>
</div>
</b:includable>
</b:defaultmarkup>
[인라인 애드 광고코드를 원하는 광고단위 코드로 변경한 모양]
>> 애드센스 최대 허용/노출 개수 설정 방법 maxNumAds : 반응형 테마 - 콘템포, 엠포리오, 소호, 노터블