AMP for WP, Ad Inserter로 애드센스 설정 하기

페이스북에 인스턴트 아티클이 있다면 구글에는 AMP가 있다. AMP를 이용하면 모바일 로딩속도가 상당히 높아지기 때문에 요즘 구글에서 밀고 있는 형식. 워드프레스에서 AMP 설정은 플러그인으로 간단히 할 수 있다.

[관련글]

워드프레스 AMP 플러그인으로 모바일 속도 향상시키기

AMP가 승인 되었다면 이제 광고를 넣을 차례. AMP for WP 플러그인에서 에드센스 슬롯을 제공하고 있지만 여백이 많이 생기기 때문에 CSS를 만져야 하는 번거로움이 있다.

하지만 Ad Inserter를 사용하면 CSS를 건드리지 않고 AMP에 애드센스를 출력할 수 있다. Ad Inserter 같은 경우에는 워드프레스에서 에드센스를 운영하는 분들이라면 강력 추천하는 플러그인이다.

위 그림처럼 스페너 아이콘을 클릭한 후 <> 클릭, Adsense 순으로 클릭한다. 마지막으로 위쪽 화살표를 클릭하면 AMP 설정이 임포트 된다.

AMP Ad에서 Below the fold를 선택하고 아래 화살표를 클릭한다.

기존 에드센스 코드 아래에 AMP용 코드가 삽입된 것을 볼 수 있다.

다음으로 MiSC > AMP pages에 체크한다. Ajax requests가 체크되어 있다면 AMP가 적용되지 않은 페이지에도 광고가 노출된다. AMP 페이지에만 적용하고 싶다면 체크 해제한다.

마지막으로 톱니바퀴 아이콘을 설정한 후 Header에 아래의 코드를 입력한다.

[ADINSERTER AMP]

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

코드를 입력하면 Save Settings를 클릭해 설정을 마무리 한다.