[20150102] 티스토리 구글광고 - 측면 광고와 구글검색창광고 넣기

티스토리 블로그에 구글 광고 삽입하기 세번째.

이번 포스팅에서는 위 사진속 초록색 점선으로 표시된 측면광고를 넣는 방법과,

구글 맞춤검색창을 넣는 방법에 대해서 설명해 보고자 합니다.

그런데 본격적인 포스팅에 앞서, 검색유입을 통해 들어온 분들을 위해 지난 포스팅들을 요약하고 시작하겠습니다.

티스토리 블로그에 구글광고를 삽입하기 위해서는 선행되는 몇가지 작업이 필요합니다.

본 포스팅부터 확인하고 시작하는 분들은 아래 링크를 클릭하여 선행작업을 완료한뒤 본 포스팅내용의 작업을 수행하시기 바랍니다.

1. 구글 애드센스에 가입하고, 광고개제를 위한 신청서 작성하기 (http://jkman001.tistory.com/321)

2. 구글 애드센스 가입신청 이후 광고 개제를 위한 완전한 승인을 받기 위한 광고 삽입 및 포스팅 상/하단 영역에 광고 삽입하기

(http://jkman001.tistory.com/323)

3. 티스토리 블로그에 구글 애드센스 측면광고와 구글 검색창 광고 넣기 (http://jkman001.tistory.com/325)

4. 티스토리 블로그 포스팅 영역에 애드센스 링크광고 넣기 (http://jkman001.tistory.com/331)

앞선 포스팅들에 안내된 작업을 수행하여 위 사진과 같은 메일을 받으셨다면, 본격적으로 광고를 삽입해도 됩니다.

물론 상단광고와 하단광고와 측면광고 혹은 그외의 광고를 삽입하는 순서는 전혀 상관없습니다.

위 사진과 같은 내용의 완전한 승인을 받기위한 빈광고개제는 어떤 크기의 광고라도 상관없기 때문입니다 (심지어 모바일 광고도 가능합니다)

그럼 이제부터 본격적으로 티스토리블로그 측면에 구글광고를 넣는 방법에 대해 알아보겠습니다.

광고를 넣기위해서는 역시 광고가 들어갈 곳의 크기에 맞는 광고를 만들어 주어야 합니다.

 구글 애드센스 홈페이지에 접속하여 로그인 한뒤 (http://www.google.com/adsense/start/)

내광고 탭에서 새 광고단위를 만들어 줍니다.

저같은 경우 블로그 측면 영역의 넓이가 160 px 이었으므로, 그에 맞는 크기인 160X600 크기의 광고를 선택하였습니다.

광고유형과 스타일, 대체광고는 본인의 취향에 맞게 선택하시고, 저장 및 코드생성을 눌러 삽입할 광고의 코드를 만들어 줍니다.

이렇게 블로그 사이드바에 삽입할 광고의 코드가 생성되었습니다.

이 코드는 구글 애드센스 홈페이지에서 언제라도 다시 불러올 수 있으므로, 실수로 닫기 버튼 눌렀다고 걱정할 필요 없습니다.

앞서 생성된 측면광고의 소스를 삽입하기 위해 블로그 관리페이지에 접속,

HTML/CSS 편집 탭으로 들어가 줍니다.

그리고 Ctrl + F 를 이용하여 <!-- #### Side End #### --> 를 찾아줍니다.

그리고 위 사진속 위치에 측면광고 소스를 넣어주면 됩니다.

물론 자신의 티스토리 스킨이 2단형이냐, 1단형이냐, 3단형이냐에 따라 달라질 수 있습니다.

저같은 경우에는 사이드바 설정이 불가능한 2단형인데, HTML로 수정해주니 배너달아주기는 상관없이 작동하더군요

그리고 반드시 작업시에는 자신의 스킨 소스를 백업해 둔뒤 작업하시기 바랍니다.

이러한 일련의 작업을 마치고, 저장버튼을 누른뒤 블로그로 돌아와보면 이렇게 사이드바에 광고가 삽입되게 됩니다.

광고의 전체영역이 완전히 노출되지 않고 짤리거나 하는 경우 애드센스 계약위반처리 될 수 있으므로,

삽입영역의 넓이를 잘 계산하여 그에 맞는 광고를 넣기 바랍니다.

이번에는 구글 맞춤검색 광고를 달아볼 까 합니다.

맞춤검색창은 검색자의 패턴에 맞춘 상품과 정보를 반영한 검색결과를 보여주는 창인데,

검색자가 이를 통해 검색하게 되면 상단, 하단, 측면의 배너광고를 클릭했을때 처럼 수익을 지급해 줍니다.

구글 맞춤검색창을 넣기 위해서 역시 구글 애드센스에 접속하여 로그인을 해줍니다. http://www.google.com/adsense/start/

그리고 내광고탭의 검색메뉴 -> 맞춤검색엔진 -> 새 맞춤검색엔진을 눌러줍니다.

그러면 구글 맞춤검색창을 만들기위한 설정페이지가 뜨는데

이름이나 키워드 등은 본인이 원하는대로 작성하시고, 국가와 사이트 언어는 자신의 블로그 방문자의 접속 국가와 언어에 맞추는게 좋습니다.

저같은경우에는 블로그에 구글번역을 통해 외국에서 꽤나 많이 들어오지만, 대다수는 우리나라 사람들이 검색유입되므로

국가 및 지역은 대한민국, 사이트언어는 한국어로 하였습니다.

검색창 스타일과 텍스트상자 길이는 블로그 스타일에 맞춰서 설정해 주시기 바랍니다.

저같은경우에는 티스토리 블로그에 기본적으로 있는 검색창과 크기를 맞추기 위해 기본검색창 스타일에

텍스트 상자길이는 15자로 설정 하였습니다.

이외에도 광고스타일이라던가, 검색결과, 로고위치는 본인 취향에 맞게 설정해주시고

설정이 완료되면 페이지 하단의 저장 및 코드 생성버튼을 눌러 구글 맞춤검색창 소스코드를 생성해 줍니다.

이렇게 생성된 검색창 코드를 블로그에 삽입해 주면 됩니다.

저같은 경우에는 블로그 사이드바에 블로그 검색창 바로 아래에 위치시켰는데

삽입되는 소스코드의 위치는 위 사진과 같습니다.

제가 삽입한 위치와 동일한 위치에 넣으실 분들은 </s_search> </div> 뒤에 소스코드를 넣어주시면 됩니다.

이와 같은 일련의 작업이 끝나게 되면 위 사진처럼 총 6개의 광고가 블로그에 삽입되게 됩니다.

작성하고 보니 어려운듯 어렵지않은 어려운 포스팅인듯 합니다.

하지만 포스팅속의 사진들을 꼼꼼히 잘 살피면서 작업하시면 별 어려움없이 성공 가능할거라 생각되네요

--------------------------------- ps ---------------------------------

1. 구글 애드센스의 경우 계약위반이 될 수 있는 사항들에 대해 알고 작업하는게 좋습니다만

웬만해서는 계약이 위반되는 상황들은 거의 없는것같습니다. 그래도 확실한게 좋으니 애드센스 가입시에는 관련 내용을 한번쯤은

훑어보고 작업하시는게 좋겠습니다.

2. 본 포스팅과 관련된 포스팅들의 내용은 블로그의 스킨유형에 따라 전혀 적용되지 않을 수도 있습니다.

아울러 스킨 HTML 수정시에는 반드시 정상상태의 스킨 HTML을 백업한뒤에 수행하시기 바랍니다.

관련한 모든 책임은 수정한 본인에게 있음을 밝힙니다.

3. 본 포스팅에서 사용된 사진속에 있는 광고수는 총 6가지 입니다.

그러나 구글 애드센스 프로그램 정책에 의하면,

미디어광고의 경우 페이지당 3개까지, 링크광고 역시 3개까지, 맞춤검색 광고는 2개까지 입니다.

다시한번 말씀드리지만, 본 포스팅에 사용된 사진들은 광고게시를 위한 예시일뿐,

사진속 내용처럼 미디어 광고를 4개이상 게시할 경우에는 정책위반으로 불이익을 받을 수 있습니다.

구글 애드센스 프로그램정책은 다음 링크에서 확인할 수 있습니다.

https://support.google.com/adsense/answer/48182?hl=ko&utm_source=aso&utm_medium=link&utm_campaign=ww-ww-et-asfe_&__utma=173272373.1900044500.1418739395.1420182707.1420185071.15&__utmb=173272373.6.9.1420220791073&__utmc=173272373&__utmx=-&__utmz=173272373.1419251887.3.3.utmcsr=OnboardingEmail3|utmccn=AdUnitCreationGHFButton_OnboardingEmail3|utmcmd=GHF&__utmv=-&__utmk=51296105