워드프레스 GeneratePress 테마 애드센스 광고 코드 추가 방법

워드프레스에 애드센스 광고 코드를 삽입할 수 있는 방법은 다양합니다. 테마 파일에 직접 삽입하는 방법부터 플러그인을 이용하여 사용자가 원하는 위치에 정교하게 표시할 수도 있습니다.

이 글에서는 빠른 속도로 많은 분들이 사용하고 있는 GeneratePress 테마의 Elements 기능을 사용하여 애드센스 광고 코드를 삽입하고 표시하는 방법을 살펴보겠습니다.

WordPress GeneratePress 테마에 애드센스 광고 코드 삽입 방

이 블로그는 GeneratePress 테마의 유료 버전이 설치되어 있으며, GP Premium을 사용하고 있는 경우 ‘Elements’ 기능을 사용할 수 있습니다.

GeneratePress는 다음과 같이 3가지 유형의 Elements를 제공합니다.

Header : 타이틀, 네비게이션 등 페이지 헤더 영역을 다루는 엘리먼트.
Hook : 워드프레스의 훅 시스템을 다루는 엘리먼트.
Layout : 사이트 전역에 걸친 레이아웃 영역을 다루는 엘리먼트.
Block : 페이지에 추가할 수 있는 블럭을 다루는 엘리먼트.

이 사이트처럼 페이지 상단, 헤더 영역에 반응형 애드센스 광고를 표시하고 싶은 경우 GeneratePress 테마에서 제공하는 훅(Hoos) 기능을 통해 간단하게 코드를 추가할 수 있습니다.

애드센스 광고 코드 생성

먼저 애드센스 광고 페이지에서 삽입하려는 광고 코드를 생성해야 합니다.

Google Adsense 사이트에서 [광고 > 광고 단위 기준 > 디스플레이 광고]를 클릭합니다.

광고 단위는 사용자가 원하는 유형으로 선택하셔도 됩니다.

새 디스플레이 광고 단위 페이지에서 원하는 광고 형태를 선택하고, 광고 단위 이름 및 광고 크기를 지정한 다음 [만들기] 버튼을 클릭합니다.

광고 코드가 생성되면 ‘HTML’ 탭에서 [복사하기] 버튼을 클릭하여 스니펫을 클립보드로 복사합니다.

참고로 광고 코드는 다음과 같이 생성됩니다.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-123456789012345"
     crossorigin="anonymous"></script>
<!-- GeeKorea 상단 반응형 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-123456789012345"
     data-ad-slot="1234567890"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>