티스토리 Google 애드센스(AdSense) 배치용 플러그인 사용하기

티스토리 Google 애드센스(AdSense) 배치용 플러그인 사용하기

 

환경: Chrome

 

티스토리는 블로그 운영자가 애드센스를 쉽게 추가할 수 있도록 플러그인을 제공합니다. 플러그인은 모바일과 PC 버전 두 가지 입니다. 보통 PC 버전은 가로/세로가 정해진 광고를 사용하고, 모바일용은 특성상 반응형 광고로 합니다. 이전에선 광고 위치 조정을 위해서 HTML 수정을 했었는데, 지금은 플러그인의 도움으로 코드만 입력하면 원하는 위치에 바로 추가할 수 있습니다.

 

◎ 애드센스 광고 코드 가져오기

 

▼ 먼저 애드센스에서 자신이 만든 광고의 코드를 가져와야 합니다. 애드센스 홈페이지에 접속해서 오른쪽 상단 더보기 > 내 광고 > 광고 단위 메뉴를 클릭합니다.

 

▼ 자신이 만든 광고 목록에서 추가하길 원하는 항목에 코드 가져오기 링크를 클릭합니다. 

 

▼ [코드 가져오기]를 눌러 광고 코드 팝업창이 뜨면 광고 코드란에 HTML 스크립트가 나타납니다. 이것을 복사해서 티스토리 플러그인에 붙여 넣어야 합니다. 광고 코드란을 클릭하면 자동으로 전체 선택이 되므로 Ctrl + C 단축키를 눌러 소스를 복사합니다.

 

◎ 티스토리 플러그인 설치해서 애드센스 배치하기

 

▼ 애드센스에서 붙여 넣을 광고 스크립트를 가져 왔다면 티스토리 플러그인에 붙여 넣을 차례입니다. 티스토리 관리자 페이지로 접속한 후 왼쪽 메뉴 리스트에서 [플러그인]을 클릭합니다.

 

▼ 플러그인 설정 페이지에는 Google AdSense(데스크탑 웹용) 과 모바일용이 있습니다. 둘 중 하나를 클릭해서 상세 페이지로 띄웁니다. 

 

▼ 그림은 구글 애드센스(PC) 용 플러그인 설정화면입니다. 크게 상단광고와 하단광고로 나누어 집니다. 상단에는 광고와 글을 나란히 배치할 수 있는 형태도 있습니다. 요즘 가장 많이 쓰이고 있는 광고 형태죠. 4개의 광고 형태 중에서 하나를 선택하고 바로 아래 에디터 창에 소스를 넣습니다. 하단 광고도 마찬가지로 소스를 넣고 바로 아래 [변경사항 저장] 버튼을 누릅니다.