워드프레스에 AMP 설정을 한 이후 애드센스 하단 고정 광고 설정하는 방법에 대해 이야기 해볼까 합니다.
애드센스는 AMP를 위한 설정이 별도로 있으나 지원하는 광고의 종류가 한정되어 있습니다.
애드센스의 자동광고는 이용할 수 있으나 전면 광고 및 앵커 광고는 이용할 수 없습니다.
이 때문인지 AMP 웹사이트에 접속을 해 보면 하단에 고정되어 노출되는 광고를 설정한 곳이 많은 것 같습니다.
AMP에 앵커 광고와 비슷한 애드센스 하단 고정 광고 설정 방법은 아래와 같습니다.
헤더(Header)에 추가하는 스크립트 코드
<script async custom-element="amp-sticky-ad" src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"></script>
본문(/Body)에 추가하는 스크립트 코드
<amp-sticky-ad layout="nodisplay">
<amp-ad
width="320"
height="50"
type="adsense"
data-ad-client="ca-pub-12345678"
data-slot="xxxxxx">
</amp-ad>
</amp-sticky-ad>
위와 같이 설정을 하면 AMP로 접속을 하는 경우 하단에 애드센스 고정 광고가 노출이 됩니다.
디자인에 큰 무리가 없다면 320 x 100 사이즈가 좋을 듯 하며, 만약 광고가 가리는 부분이 많다면 320 x 50 또는 300 x 50 사이즈로 변경을 하면 됩니다.
위 코드는 애드센스 외에 다른 광고에도 적용이 가능합니다.
AMP용 광고 코드만 있으면 본문(/body 이전)에 추가하는 코드 중 <amp-ad> </amp-ad>에 삽입할 수 있습니다.