워드프레스에 애드센스 광고 코드를 삽입할 수 있는 방법은 다양합니다. 테마 파일에 직접 삽입하는 방법부터 플러그인을 이용하여 사용자가 원하는 위치에 정교하게 표시할 수도 있습니다.
이 글에서는 빠른 속도로 많은 분들이 사용하고 있는 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>
워드프레스 엘리먼트 추가
워드프레스 관리자 페이지에서 [외모 > Elements]로 이동하여 [Add New Element] 버튼을 클릭하여 새로운 엘리먼트를 생성합니다.
‘Choose Element Type’ 팝업에서 “Hook”을 선택하고 [Create] 버튼을 클릭합니다.
‘Add New Hook’ 페이지에서 적절한 제목을 입력하고, 하단의 코드 입력란에 복사한 애드센스 광고 코드를 붙여넣습니다.
‘Settings’ 탭의 ‘Hook’ 항목의 드롭다운 메뉴를 클릭하여 원하는 위치를 지정합니다.
참고로 이 사이트의 광고 위치는 ‘generate_after_header’ 입니다.
‘Display Rules’ 탭의 ‘Location’ 항목의 드롭다운 메뉴를 클릭하여 광고가 표시되는 범위를 지정합니다.
‘Entire’ 지정 시 전체 글에 광고가 표시됩니다. 설정 완료 후 [공개] 버튼을 클릭합니다.
참고로 특정 글에 광고가 표시되지 않도록 설정하고 싶으면 ‘Exclude’ 옵션을 이용하여 지정한 페이지에 광고가 표시되지 않도록 할 수 있습니다.
만약 원하는 위치에 광고가 정상적으로 표시되지 않을 경우 생성한 훅(Hook)을 편집할 수 있으며, 추가로 광고를 표시하려는 경우 동일한 절차대로 훅을 생성하여 광고 단위 코드를 추가할 수 있습니다.
광고 코드를 삽입했다면 사이트 새로고침 후 원하는 위치 및 범위에 광고가 송출되는지 확인합니다.