티스토리 애드센스 광고 달기 전 준비 과정 (feat. 플러그 인)

티스토리에 애드센스의 광고 게재를 승인받으면 위처럼 메일을 받게 됩니다.

 

티스토리에 애드센스 광고 승인을 받았다고 해서 바로 광고가 올려지거나 올릴 수는 없기 때문에

 

티스토리에 처음 애드센스 광고를 게재하기 위해서는 다음의 과정을 거쳐야 됩니다.

 

티스토리의 블로그 관리 홈으로 이동 해줍니다.

 

 

블로그 관리 홈에서 아래로 마우스 휠을 스크롤해서 내려가다 보면 "플러그 인"을 찾을 수 있습니다.

 

"플러그 인"을 클릭하면 아래의 사진처럼 여러 플러그인들이 보이게 됩니다.

이 수많은 플러그 인들 중에서 우리가 볼 것은 "구글 애드센스" 플러그 인입니다.

 

구글 애드센스 관련 플러그인은 총 3개로 (PC), (모바일), (반응형)이 있습니다.

 

3개 모두 설정 방법이 동일하거나 비슷하므로 대표 예시로 "구글 애드센스(PC)"를 설정해보겠습니다.

 

아직 아무것도 설정되지 않은 "구글 애드센스(PC)"의 화면입니다.

상단 광고와 하단 광고로 다양한 양식을 볼 수 있습니다.

다양한 만큼 개인의 입맛에 따라 광고 형식을 골라 설정할 수 있습니다.

 

저는 넓게 하는 광고가 제 취향이라 넓은 광고를 넣어 보겠습니다.

 

애드센스에 접속해 줍니다.

웹사이트로 온라인에서 수익 창출 | Google 애드센스 – Google

로그인을 하고 페이지에서 광고를 클릭해 줍니다.

 

 

광고 페이지에 오면 "사이트 기준" 옆에 있는 "광고 단위 기준"을 눌러 줍니다.

 

광고의 단위가 예전에 비해 한 칸 정도 줄어들어 현재는 3칸이 있습니다. (2019년 기준)

"디스플레이 광고", "인피드 광고", "콘텐츠 내 자동 삽입 광고"

 

각 항목을 간단히 설명드리자면

 

"디스플레이 광고"

광고 모양을 반응형 시 사각형, 수평형, 수직형(게재될 광고의 형태)으로 선택할 수 있고

광고 형식을 반응형으로 할 건지 고정형으로 할 건지 선택할 수 있습니다.

반응형은 페이지에 맞게 유동적으로 바뀌는 형식입니다.

고정형은 광고를 내가 원하는 크기로 사이즈를 정하는 형식입니다.

광고 설정부터 게재까지 난이도가 가장 쉽습니다.

 

"인피드 광고"

광고를 내 입맛대로 모든 것을 조정하는 형식입니다.

스타일 설정으로 이미지 위치와 유무를 설정하고

전체 옵션, 이미지, 광고 제목, 내역, URL, 버튼처럼 다양한 옵션을 지원하고 있습니다.

모든 것이 커스텀이기 때문에 구성하기에 시간이 많이 걸립니다.

하지만 입맛대로 꾸밀 수 있다는 게 큰 장점입니다.

 

"콘텐츠 내 자동 삽입 광고"

인피드보다는 적은 옵션을 제공 하지만

전체 옵션, 스타일을 제공함으로 디스플레이 광고와 인피드

광고의 중간 설정 난이도를 가지고 있는 형식입니다.

이름의 특성답게 콘텐츠 중간에 광고를 삽입할 때 사용하게 됩니다.

 

 

이 중에서 어떤 것을 해도 큰 문제는 없지만 저는 넓은 광고를 넣을 거기 때문에

"디스플레이 광고"를 선택하겠습니다.

디스플레이 광고의 지원 크기는 728*90, 468*60, 336*280, 300*250, 250*250, 200*200으로

고정형에 해당됩니다.

 

디스플레이 광고를 만드는 방법은 간단합니다.

 

 

항목을 살펴보면 "광고 단위 이름 지정"

 

좀 잘렸지만 광고를 만든 뒤 해당 페이지를 아래로 스크롤해서 보면

내가 이전에 설정했던 광고의 이름이 나오는 부분이 있습니다.

다시 광고를 게재할 때 쉽게 알아보기 위해서 광고의 이름을 붙이는 겁니다.

 

 

"디스플레이 광고 미리 보기"

고정형 선택 시 아래 있는 옵션은 제공되지 않습니다.

오직 반응형으로 선택 시 제공되는 옵션입니다.

"사각형", "수평형", "수직형"이 있습니다.

하나씩 눌러 어떤 모양으로 광고가 게재되는지 미리 보기를 제공해 주는 것입니다.

하나씩 눌러보고 어떻게 바뀌는 보고 선택하도록 합니다.

 

"광고 크기"

반응형으로 선택할 건지 고정형으로 선택할 건지 선택 옵션을 제공합니다.

 

저는 고정형이 필요하니 고정형을 선택하겠습니다.

고정형을 선택하면 크기를 지정할 수 있는 창이 나옵니다.

티스토리에서 가장 크게 지원하는 (PC) 광고는 728*90입니다.

저는 이렇게 선택하겠습니다.

모든 조건을 선택 후 "만들기"를 눌러 줍니다.

 

 

그러면 이렇게 코드 생성기가 나오고 코드를 복사하여 다시 티스토리로 이동해 줍니다.

 

방금 켜 두었던 코드 넣는 부분을 찾아갑니다.

 

 

코드를 넣는 곳에 복사한 코드를 넣어주고 변경 사항을 적용해줍니다.

 

그럼 애드센스 광고를 넣기 위한 준비가 된 것입니다.

나머지 2개의 (반응형) (모바일) 애드센스 플러그인도 똑같이 따라 하면

티스토리에 완벽하게 애드센스의 광고를 게재할 준비를 마칠 수 있습니다.

 

 

다음 글을 보면 자동으로 광고를 추가하는 방법을 설명해두었습니다.

애드센스 자동 광고를 추가해보자

애드센스 자동 광고를 추가 해보자