티스토리 광고 넣는 방법 알아보기(구글 애드센스)

자, 이제 승인이 났다는 전제하에 광고를 넣는 방법에 대해서 알아보겠습니다.

 

예전에는 이 부분이 상당히 어려웠는데 이제는 티스토리에서 자체적인 플러그인을 제공하여

 

상당히 쉬워졌습니다.

 

그래서 html을 잘 몰라도 손쉽게 광고를 집어 넣을 수 있답니다.^^

 

또한 광고 형식과 코드를 생성하는 구글 애드센스도 관리하기 쉬워져서 이제는 누구라도 쉽게

 

할 수 있답니다. 

 

 

[광고의 형식 결정하기]

 

예전에는 광고 코드를 만드는 것도 복잡했습니다. 광고의 형태나 방식에 대해서 알아야 했거든요.

 

하지만 구글은 이를 전면 개편하여 상당히 간편하게 만들었습니다.

 

사진을 보시면 아시겠지만 일단 가장 크게는 2가지로 결정 됩니다.

 

사이트 기준 vs 광고 단위 기준

 

사이트 기준은 최근 구글이 제공하는 자동 광고 시스템으로 광고 코드 1개만 생성해서 html 편집으로

 

집어 넣으면 구글에서 자체적으로 알아서 광고를 삽입해 줍니다. (대박 간단하죠?)

 

다만 이것만으로 부족하다고 느끼거나 직접 커스터마이징 하고 싶은 분들이 있을 꺼에요. 

 

그래서 광고 단위 기준이 제공됩니다. 

 

 

자, 우선 자동 광고가 손쉬우니 이거 먼저 알아보도록 하겠습니다.

 

저는 이미 사이트를 붙여 놓았기 때문에 사이트 주소가 나오는데 혹시 그렇지 않은 분들은 [코드 가져오기]를

 

누르시면 html 관련 코드가 나올 것입니다.

 

만약 똑같이 나오신다면 저 연필 부분을 누르고 들어가서 코드 가져오기를 누르세용.

 

 

일단 이 코드를 복사 합니다. 직접 드래그해서 복사해도 되고 왼쪽 아래 코드 복사 버튼을 눌러줘도 됩니다.

 

 

바로 전 소개 글에서 [스킨편집] -> [html 편집] 배운 곳으로 들어갑니다. 

 

그래서 복사한 코드를 지난번 연습코드 넣었던 곳, 그러니까 헤드 바로 아래에 추가시켜 줍니다.

 

그리고 나서 반드시 저장!

 

사실 여기까지만 해도 광고 설정은 끝났습니다. 예전에는 세팅이 복잡했는데 지금은 알아서 구글이

 

지정한 광고를 넣어줍니다. (디스플레이, 인피드 등 알아서 세팅해줌. 특히 앵커 광고는 자동만 지원함.)

 

 

이렇게 말이죠. 세팅을 해 놓으면 미리 보기를 통해 어떤 광고가 들어가는지 PC 버전과 모바일 버전

 

미리보기를 준비해 보여줍니다. 

 

세팅이 끝나면 [광고] - [개요]에 들어가서 본인의 사이트 주소가 나오는지 확인하고 [자동 광고]란에 녹색

 

글씨로 실행이라고 표시되는지 확인합니다. 바로는 안되고 대략 1시간 정도면 광고가 세팅됩니다.

 

 

[광고 단위 기준]

 

이 부분은 예전 방법으로 자동 광고가 부족하다고 느끼시는 분을 위해서 구글이 남겨놓은

 

세팅입니다.  일단 종류는 디스플레이 광고, 인피드 광고 등 총 4가지로 구분되어 있습니다.

 

각 광고가 어떤 형식인지는 설명이 되어 있기 때문에 참고하셔서 선택하시면 되는데 일반적으로

 

디스플레이 광고 반응형을 많이 사용합니다.

 

 

우선 본인이 생각하는 광고 형태를 세팅하고 광고 크기(반응형 or 고정형)을 선택하여 사이즈를 

 

맞춘 후 이름을 지정하고 광고 세팅을 마무리하여 코드를 발급받습니다.

 

 

그리고 나서 티스토리로 돌아옵니다. 이번에는 플러그인으로 들어가면 되는데 플러그인은

 

블로그 운영하는데 도움이 되는 서브 프로그램이라고 보시면 됩니다. 여기에 구글 애드센스를 달기 위한

 

3종류의 플러그인이 있습니다. 반응형과 pc, 그리고 모바일 용이 있습니다. 

 

 

 

가장 쉬운 방법은 디스플레이 반응형 코드를 발급 받아서 구글 애드센스(반응형)에 위치시키는 것입니다.

 

 

반응형에 들어가면 상단과 하단으로 분리되어 코드를 넣을 수 있게 되어 있습니다.

 

이 빈칸에 해당 코드를 기입하면 됩니다. 상단, 하단을 선택해서 동일한 디스플레이 코드를 넣어도 무방합니다.^^

 

저같은 경우에는 디스플레이 이외에 다른 모양의 광고를 넣고 싶어서 모바일과 pc 까지 달아 놓았는데

 

해당 방법 처럼 진행하시면 됩니다. 다만 pc와 모바일은 각각 사이즈에 대한 제한사항이 있습니다.

 

그래서 인피드나 컨텐츠 광고등을 만들때는 사이즈를 참고하셔서 고정형으로 코드를 발급 받아서

 

똑같이 플러그인을 통해 코드를 삽입하면 됩니다.

 

플러그인으로 인하여 직접 html을 수정하지 않아도 되서 위험부담도 적고 아주 편해졌습니다.^^