[티스토리에 애드센스 붙이기] 2. 광고 단위와 페이지 수준 광고 설정

2. 광고 단위와 페이지 수준 광고 설정

앞서신청한 애드센스(Adsense) 검토가 완료되면 승인 완료 메일이 오고 로그인 하면 아래와 같은 계정 활성 이미지가 노출된다.

승인 관련 포스팅: 2017/10/12 - [기획 | 개발 | 광고/애드센스(Adsense)] - 2017-10-12 드디어, 구글 애드센스 광고 게재 승인!

이제 우리는 티스토리 블로그에 광고를 삽입할 수 있다! 그리고 이 광고를 삽입하기 위한 방법에는 크게 두 가지가 있는데 페이지 수준 광고를 설정하는 간단한 방법과 광고 단위 별로 추가하여 삽입하는 방법이 있다. 사실 두 가지 모두 어렵진 않다 ㅎㅎ

2.1. 광고 단위 설정 및 삽입

광고 단위는 사용자가 광고 상품, 형태를 설정해서 만든 광고 하나 하나를 의미한다. 이렇게 생성한 광고 단위를 사이트의 적당한 위치에 삽입하여 노출 시킬 수 있으며, 페이지 수준 광고와 달리 사용자가 원하는 곳에 원하는 형태의 광고를 삽입할 수 있기 때문에 좀 더 사용자가 자유롭게 사이트를 구성할 수 있다. 다만, 웹인지 모바일인지 혹은 반응형인지 잘 선택하여 만들어야하고 삽입해야하기 때문에 좀 더 세심한 설정이 중요하다, 

1단계 광고 단위 메뉴 이동하여 새 광고 단위 추가

광고 단위 메뉴로 이동하면 '+새 광고 단위' 버튼이 있다. 해당 버튼을 눌러 준다.

2단계 광고 종류 선택

광고는 텍스트 및 디스플레이 광고, 인피드 광고, 컨텐츠 내 자동 삽입 광고로 세 가지 유형이 있는데, 각각 설명을 읽어보면 쉽게 이해할 수 있다. 우리가 일반적으로 티스토리나 사이트에서 보는 광고는 텍스트 및 디스플레이 광고로 나머지는 네이티브 광고라고 불리는 컨텐츠 광고이다. 기본적인 광고 삽입을 위해 텍스트 및 디스플레이 광고를 선택한다.

3단계  광고 단위 상세 설정 하기

광고 유형을 선택했으면 상세 설정을 해야한다. 알아보기 편하도록 광고 이름을 입력하고(ex.000블로그_위치) 크기를 선택해준다. 요즘은 반응형 블로그를 많이 설정하기 때문에 반응형을 선택했는데 사이즈를 보고 본인이 원하는 형태의 광고를 선택하도록 한다. 만약 반응형이 아니고 웹, 모바일이 별도로 있다면 각 형태에 맞게 넣기 위해 광고 단위를 생성해준다. 그리고 하단에 광고 유형을 선택하게 되어 있는데 여기서는 텍스트 광고만 나오게할지 이미지 광고만 나오게 할지 혹은 둘 다 번갈아가며 나오게 할지 설정 할 수있다. 본인의 취향에 따라 설정해주도록 하며, 여기서는 텍스트 및 디스플레이 광고를 선택하여 다양한 광고 형태가 나오게 한다.

텍스트 광고의 경우 스타일을 지정할 수 있는데(디스플레이 광고만 나오게 설정했다면 제외) 이미 만들어져 있는 템플릿에서 선택하거나 텍스트 색, 글꼴 등을 사용자가 선택하여 스타일을 저장할 수 있다.

맞춤 채널은 개인의 블로그에서는 굳이 설정할 필요는 없기 때문에 넘어가고, 사용 가능한 광고가 없는 경우도 기본값으로 설정한다. 기본값 외에 옵션을 살펴보고 설정해도 무방하다. 이렇게 설정이 완료되면 '저장 및 코드 생성' 버튼을 클릭한다.

4단계 생성된 광고 코드 확인

설정한 광고 단위를 저장하면 상단 이미지처럼 광고 코드가 생성된다. 이제 이 코드를 티스토리 관리자 페이지를 통해 삽입하면 광고가 해당 위치에 노출되는 것이다. 해당 코드 확인 후 광고 단위 목록 화면으로 이동하게 되고 본인이 추가한 광고 단위가 추가된 것을 볼 수 있다. 그리고 최초 생성된 광고 단위의 상태를 보면 '대기' 상태인데 실제 광고가 나가면 '활성' 상태로 바뀌게 된다. 우선, 생성된 광고 코드를 복사 해놓도록 한다. 혹, 향후에 광고 코드를 확인하고 싶다면 목록에서 해당 광고 단위명 하단의 코드 가져오기 버튼을 클릭하면 언제든 확인이 가능하다.

2.2. 페이지 수준 광고 설정 및 삽입

페이지 수준 광고란 말 그래도 페이지를 기준으로 광고를 붙이는 것을 말한다. 해당 페이지를 분석해서 광고의 노출 갯수나 노출 위치를 설정하기 때문에 별도 위치를 정하지 않고 발급되는 코드만 페이지 수준으로 넣으면 되기 때문에 비교적 간단하다. 하지만 위치나 갯수를 별도 설정할 수 없기 때문에 관리하는데 어려움이 있다.

1단계 페이지 수준 광고 활성

페이지 수준 광고 메뉴에 이동하면 우선 사용하려는 광고 형식을 설정해야 한다. 본인의 사이트 형식에 따라서 설정해주면 되는데 티스토리 블로그의 경우 대부분 반응형이기 때문에 아래와 같이 데스트톱 및 모바일 광고를 활성화 시켜준다. 그리고 화면 제일 하단에 '<> 코드 가져오기'라는 버튼이 보인다. 페이지에 추가할 코드를 확인하기 위해 버튼을 클릭 한다.

2단계 페이지 수준 광고용 코드 확인

'코드 가져오기'를 클릭하면 상단 이미지처럼 본인의 고유 코드가 생성되어 나오고 이 코드를 광고가 노출될 페이지 내 삽입해주면 된다. 해당 코드를 복사 해놓고 티스토리에 접속한다.

그럼 다음 포스팅에서 티스토리 관리자 페이지에서 광고 단위와 페이지 수준 광고용 코드를 삽입하는 방법을 알아보도록 하자!

관련 포스팅

2017/10/13 - [기획 | 개발 | 광고/애드센스(Adsense)] - [티스토리에 애드센스 붙이기] 1.애드센스(Adsense) 가입 및 사이트 연결하기

2017/10/12 - [기획 | 개발 | 광고/애드센스(Adsense)] - [티스토리에 애드센스 붙이기] 0.애드센스(Adsense)란?(+사설)