티스토리 애드센스 디스플레이 광고 설정 방법

티스토리에 애드센스에서 제공하는 디스플레이 광고를 설정하려면 애드센스 홈페이지에서 광고 단위를 생성해야 합니다. 디스플레이 광고는 수동 광고중에서 가장 많이 사용하는 광고단위입니다. 디스플레이 광고는 광고 크기에 따라서 반응형 또는 고정으로 설정이 가능하며 여러 개를 생성하여 광고 분석에 유용하게 사용할 수 있습니다.

 

 

티스토리 애드센스 디스플레이 광고 설정 방법

1. 애드센스 사이트 접속
2. 디스플레이 광고 단위 만들기
3. 디스플레이 광고 코드 복사
4. 디스플레이 광고 생성 완료
5. 티스토리 광고 설정

 

 

디스플레이 광고 단위 생성

디스플레이-광고-단위-만들기-1

 

애드센스 사이트에 접속하여 광고 > 광고 단위 기준 > 디스플레이 광고를 클릭하세요.

 

디스플레이-광고-단위-만들기-2

 

 

광고 단위 이름을 정하고 광고 크기를 설정하세요. 광고 단위 이름은 보통 광고종류, 광고를 적용할 위치, 주제 정도를 정하고 하이픈으로 구분합니다. 광고 크기는 고정으로 설정하여 크기를 정할 수 있지만 반응형이 레이아웃에 맞게 알아서 크기를 정해주기 때문에 보통 반응형으로 많이 만듭니다. 설정을 완료하고 만들기를 클릭하세요.

 

디스플레이 광고 코드 복사

디스플레이-광고-코드

 

복사하기를 클릭하세요. 티스토리에 복사한 코드를 설정해야 합니다. 완료를 클릭하면 디스플레이 광고 단위가 생성됩니다.

 

 

디스플레이 광고 단위 생성 완료

디스플레이-광고-단위-생성-완료

 

디스플레이 광고 단위가 생성되면 기존 광고 단위 목록에서 확인할 수 있고 오른쪽에 있는 아이콘을 클릭하여 설정을 변경할 수 있습니다. 첫 번째 아이콘은 분석기능으로 노출수, 클릭수, 예상수입 등을 알 수 있습니다. 두 번째 아이콘은 티스토리에 적용할 코드를 볼 수 있습니다. 세 번째 아이콘은 광고 단위 이름 및 광고 크기를 수정할 수 있습니다. 네 번째 아이콘은 해당 광고를 사용하지 않을 거라면 보관 처리를 해서 기존 광고 단위 목록에서 제외시킬 수 있습니다.

 

티스토리 광고 설정

티스토리-광고-위치-지정

 

티스토리에 글작성을 하고 디스플레이 광고를 적용할 위치에 표시를 하세요. 상단, 중단, 하단 광고를 설정하기 위해서 표시 했습니다. 광고의 개수는 원하는 만큼 설정하세요. 글사이의 간격을 생각해서 적절한 위치에 설정하는 게 글의 가독성을 방해하지 않습니다.

 

티스토리-HTML-모드-변경

 

기본모드 > HTML 모드로 변경하세요. HTML 모드에서 복사한 광고코드를 적용할 수 있습니다.

 

티스토리-디스플레이-광고-적용-전

 

기본모드에서 광고코드를 적용할 위치표시를 확인할 수 있습니다. 복사한 광고코드를 해당 위치에 붙여넣기 하세요. ad1 대신에 광고코드가 해당위치로 대체되어야 합니다.

 

티스토리-디스플레이-광고-적용-완료

 

광고코드가 표시한 위치에 들어간 것을 확인할 수 있습니다. ad2, ad3도 중단, 하단을 같은 방식으로 생성하여 광고코드를 복사 붙여 넣기하고 완료를 누르세요.

 

 

티스토리 블로그 스킨 보관 방법