티스토리에 구글 애드센스 검색 광고 적용하기

내 블로그에서 구글 검색을 할 수 있는 검색창을 하나 달아 보겠습니다.

이 검색창을 통해 검색을 하게 되면 원하는 검색 결과와 함께 광고가 표시되는데

이 광고를 통해 수익을 얻을 수 있는 컨셉입니다.

 

먼저 애드센스 사이트에 접속합니다.

 

광고 > 개요를 클릭합니다.

 

광고 단위 기준 > 검색엔진을 선택합니다.

 

적당히 제목을 입력합니다.

 

저는 전체 웹을 선택해 보겠습니다.

 

간단히 만들기 버튼을 클릭합니다.

광고 단위 목록을 보면 방금 생성한 검색엔진 광고가 보이는데 우측에 연필 모양을 클릭합니다.

 

 

편집기로 이동을 클릭합니다.

 

기본사항에서 다음과 같이 적당히 검색 엔진 이름, 설명, 키워드를 입력합니다.

저는 그 외의 옵션들은 기본값으로 유지하였는데 읽어 보시고 필요하면 변경하시면 됩니다.

 

검색엔진 수정의 디자인 메뉴로 이동합니다.

 

레이아웃에서 두 열을 선택하고 저장을 클릭합니다.

사이드바에 검색창, 그 왼쪽에 결과를 표시해 주기 위함입니다.

 

맞춤설정으로 이동하여 Google 브랜드 사용 안함으로 설정하고 저장을 클릭합니다.

사용으로 설정하셔도 무방합니다.

 

그러면 다음과 같은 형태의 미리보기를 보실 수 있구요.

 

이제 저장 및 코드 생성을 클릭합니다.

 

 

이 검색창 코드를 사이드바에 적용해 보겠습니다.

 

관리자 페이지에서 꾸미기 > 사이드바로 이동합니다.

 

[플러그인] HTML 배너출력 +버튼을 클릭합니다.

사이드바1, 사이드바2, 사이드바3 중에 원하는 위치를 하나 선택합니다.

저는 사이드바1에 넣을 예정입니다.

 

사이드바1에 추가된 플러그인에서 편집을 클릭합니다.

 

적당히 이름을 입력하시고 HTML 소스 부분에 검색창 코드를 붙여넣기해 줍니다.

 

다음: 검색결과에 대한 코드 가져오기를 클릭합니다.

 

다음으로 검색결과 코드를 본문 영역에 적용해 보겠습니다.

 

관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다.

 

 

html 편집을 클릭 합니다.

 

그럼 다음과 같은 HTML 에디터가 뜨는데 여기에 검색결과 코드를 붙여넣기 합니다.

북클럽 스킨 기준 <article id="content"> 태그 바로 하단에 입력해 주면 됩니다.

 

 

그럼 결과를 확인해 보겠습니다.

검색창이 심플하게 잘 들어 갔습니다.

 

실제로 검색도 한 번 해보겠습니다.

검색결과가 원하는 위치에 잘 표시되는 것을 확인하였습니다.

아직 광고는 안 뜨는 것 같은데 추이를 좀 지켜 봐야 겠네요.

 

그럼 도움이 되셨길 바랄게요 :)