블로그 애드센스 가젯 asynchronous 경고 해결 방법 - Speed up page loading times : Use asynchronous ad code to make your site faster - Blogger AdSense gadget

구글 블로그 레이아웃(Layout)에서, 애드센스 가젯(AdSense gadget)으로 광고 단위를 넣으면,  아래 그림과 같은 최적화 안내가 표시되는 경우가 있습니다.

애드센스, 구글 블로그, 인터냇... 해결 방법을 설명한 글을 찾을 수가 없습니다. 아래와 같은 경우가 아주 드물기 때문이 아닌가 싶습니다.  이 페이지는 나름의 해결 방법을 설명한 것입니다.

[ 애드센스 asynchronous 안내]
블로그 애드센스 가젯 asynchronous 경고 해결 방법 - Speed up page loading times : Use asynchronous ad code to make your faster - Blogger AdSense gadget

한마디로 말하자면, 애드센스 홈페이지에서 해당 광고코드를 복사하여, 블로그 HTML 편집창에서 직접 붙여 넣는 것입니다.

1) 구글 블로그 > 대시 보드 > 레이아웃 에서 애드센스 가젯으로 애드센스를 넣는다

2) 애드센스 계정 홈페이지에서, 해당 광고 단위의 광고코드(스크립트)를 복사한다
3) 광고코드의 async 에 ="async" 를 추가하여, async="async" 모양으로 수정한다

4) 구글 블로그 > HTML 편집창에서, 광고단위를 넣은 해당 가젯의 광고 코드 부분을 아래 그림과 같이 수정한다.

적고 보니, 무척 어려운 것 처럼 느껴집니다. 하지만, 아주 간단합니다. 아래 그림을 보면, 금방 이해가 되지 싶습니다.

블로그 애드센스 가젯 asynchronous 경고 해결 방법 - Speed up page loading times : Use asynchronous ad code to make your faster - Blogger AdSense gadget

=> 애드센스 광고단위를 넣은 해당 가젯의 HTML코드에서  <data:adCode/>  부문을 삭제하고,
=> 애드센스 홈페이지에서 복사한 광고코드로 대체합니다.
=>  변경사항을 저장하고, HTML 편집창을 닫습니다.


          <b:widget id='AdSense1' locked='true' title='' type='AdSense' version='2' visible='true'>
             <b:widget-settings>.....</b:widget-settings>
             <b:includable id='main'>                
<div class='widget-content'>
    <b:if cond='data:adCode'>
      <data:adCode/>
    <b:else/>
      <b:include name='defaultAdUnit'/>
    </b:if>
  </div>
</b:includable>


=> 다시 원상복원 하려면, 위와 반대로 하면 됩니다.
삽입한 애드센스 코드를 삭제하고, 그 자리에, 원래 있던   <data:adCode/> 를  넣어주면 됩니다.

=> 이 방법은 나름의 해결책이고, 명확한 설명을 찾을 수 없으므로, 이렇게 하여도 별다른 문제가 없는지는 알 수 없습니다. 그러므로, 하나의 참고로 삼기 바랍니다.