AD Inserter 플러그인 AMP 전용 애드센스 추가하는 방법

워드프레스에 AMP를 적용할 경우 자동 광고가 아닌 원하는 위치에 애드센스를 추가하는 방법에는 다양한 플러그인을 활용하는 방법이 있지만 그 중에서 가장 많이 사용하는 AD Inserter 플러그인을 활용하여 AMP 전용 애드센스를 추가하는 방법을 알아보고자 합니다.

여기서 AMP 전용 애드센스가 무슨 말인지 모르실 수 있는데 기존 광고 코드를 적용하게 되면 AMP 는 나오지 않기 때문에 변환을 해줘야 합니다. 그 기능은 AD Inserter 플러그인에 있으며 설정만 한다면 AMP 페이지에도 애드센스를 나오게 할 수 있습니다.

워드프레스를 처음 하시는 분들이라면 AD Inserter 플러그인 설정은 어렵게 다가올 수 있습니다. 하지만 설명을 보고 한번 하시게 되면 다른 플러그인과 비교해 더 쉽고 더 많은 기능에 포함되어 있다는 것을 아실 것입니다.

그러면 AMP 페이지에 애드센스를 추가하는 방법을 이미지로 보면서 차근차근 알아보겠습니다.

광고 코드 추가

AD Inserter 플러그인에 대해서 간략하게 설명을 드리면서 AMP 애드센스 적용하는 방법을 알아보겠습니다. 워드프레스 관리자에서 설정 > AD Inserter 으로 들어가게 되면 위와 같은 모습이 나오게 됩니다.

여기서 검은색 공간에 애드센스에서 복사한 광고 코드를 추가해주시면 됩니다. 그리고 아래에 있는 빨간색 박스에서 애드센스가 위치한 곳을 설정해 주시면 됩니다.

애드센스가 위치할 곳을 선택하는 방법은 tag/archive pages 옆에 있는 버튼을 누르게 되면 위에 보이는 것처럼 위치들이 나오게 되는데 1~2줄은 광고 위치, 3줄은 정렬 방식입니다.

위의 설정을 설명하자면 첫 번째 이미지 다음에 중앙 정려로 애드센스 광고를 위치한다고 할 수 있습니다.

AMP 전용 애드센스 추가

데스크톱 애드센스를 추가하였다면 이제 AMP 페이지에 들어갈 애드센스를 추가해야 합니다. 위에 표시한 스패너 모양의 아이콘을 클릭하신 다음 < > 모양의 아이콘을 클릭하시면 됩니다.

< > 모양의 아이콘을 클릭하신 후에 상단 메뉴에서 Adsense 를 선택하게 되면 위와 같은 화면이 나오게 되는데 여기서 Publisher ID, Ad slot ID, Ad Type, AMP Ad를 설정해야 AMP 전용 애드센스를 추가할 수 있습니다.

Publisher ID, Ad slot ID는 어디서 찾는지 모르실 수 있는데 광고 코드를 보게 되면 data-adclient, data-ad-slot 부분에서 찾을 수 있습니다. 여기서 Publisher ID는 처음 시작이 ca-pub가 아닌 ca를 제거한 pub만 입력하시면 됩니다.

설정 예제)

Publisher ID : pub-1234856789

Ad Slot ID : 12345789

Ad Type : Standard

AMP Ad : Below the fold

위의 예제 설정을 참고하시면 잘못 입력하는 일은 없을 것입니다.