티스토리의 경우는 자체검색가젯이 있지만, 그 성능이 상당히 제한적입니다. 그래서 티스토리에도 구글 검색기를 설치하는게 좋은데, 문제는 티스토리는 페이지 생성기능이 없어서 기존 페이지 하나를 없애야 한다는 단점이 있죠. 가령 "로케이션 로그" 같은 잘 사용하지 않는 페이지를 검색결과 페이지로 대체해야 합니다. 아니면 검색결과가 새창에서 열리거나 해야 하니까 상당히 너저분해지게 됩니다.
자, 서론은 이쯤 해두고 시작해볼까요?
1. 먼저 구글 블로거에서 페이지를 생성합시다.
위 그림과 같이 블로거 관리메뉴로 들어가서 Edit Pages 에서 NEW PAGE 로 페이지를 생성합니다. 그러면 일반 포스트 작성하는 것과 똑같이 생긴 화면이 열리는데, 제목은 이 페이지가 검색결과가 표시될 페이지이므로 Search Results 라고 쓰시고, 내용은 아무것도 쓸 필요 없이 페이지를 발행합니다.
그러면 위와 같은 선택화면이 나오는데, 세번째 No gadget 을 선택하시고 SAVE AND PUBLISH 하세요.
2. 페이지 주소를 복사하자.
페이지 생성을 완료하고 다시 블로거 관리자메뉴의 Edit Pages로 가면 다음과 같은 화면을볼수 있습니다.
Search Results 라는 페이지가 생성되어 있지요? 거기에서 View를 클릭하면 지금 생성한 페이지가 열립니다. 그러면 Search Results 라는 제목을 가진 내용 없는 포스트가 열린것과 같지요? 아까 내용은 아무것도 넣지 않았으니까 말이죠. 거기서 주소창의 주소를 복사하세요. 즉, 페이지의 주소를 복사하는 것입니다.
3. 애드센스에서 검색창을 만들자
여러분의 애드센스 계정에 로그인하세요.
로그인 후 좌측상단의 메뉴에서 내 광고 > 검색 > 맞춤검색엔진 으로 가서 새 맞춤검색엔진 버튼을 클릭하여 검색엔진 생성을 시작합니다.
4. 검색엔진 검색범위 설정하기
그러면 세부적인 설정 화면이 나옵니다.
이름은 아무거나 쓰세요. 검색엔진에 표시되는 것이 아니니까 여러분이 보기 편한대로 쓰면 됩니다.
중요한 것은 검색범위입니다. 다음과 같은 화면이 나오시죠?
전체 웹은 인터넷 전체에서 검색한다는 말이고, 선택한 사이트만은 여러분이 지정한 사이트나 블로그 등에서만 검색한다는 것입니다. 여기서는 자신의 블로그 내용을 검색하는 것으로 진행합시다. (만일 전체웹을 사용하려는 사람이라도 이 다음 과정부터는 동일하니까 상관말고 그대로 따라오시면 됩니다)
자, 자신의 블로그에서만 검색할 것이니까 선택한 사이트만에 체크하고, 그 아래 사각박스에검색대상이 되는 자신의 블로그 주소를 기입해야 합니다.
> 만일 내 블로그 http://www.domawe.com에서 검색하라고 지정하려면 http://www.domawe.com/* 라고 쓰시면 됩니다. 또한 저는 여러개의 블로그를 묶어서 사용하므로 http://music.domawe.com 에서 검색하라고 지정하려면 마찬가지로 http://music.domawe.com/* 라고 쓰면 됩니다.
> 만일 여러분이 저처럼 여러개의 블로그를 묶어서 하나의 도메인으로 서브도메인들을 생성해서 사용하는데, 어느 블로그에 달린 검색창에서 검색하든지 domawe.com 도메인을 사용하는 블로그 모두에서 검색한 결과를 표시하고 싶다면, 다시말해 http://www.domawe.com 과 http://music.domawe.com과 http://art.domawe.com 등에서 모두 검색하라고 하고 싶으면 각각의 도메인을 따로따로 한 줄에 하나씩 설정해주어도 되고, 한꺼번에 설정하려면 *.domawe.com 이라고 하나만 써주면 domawe.com과, 여기서 파생된 서브도메인 모두에서 검색합니다.
5. 잡다한 설정하기
> 키워드는 만일 내 블로그의 주제가 게임이라면 게임, PC게임, 비디오게임, 엑스박스 등 블로그 내용과 관련된 키워드 몇 개 써주시면 되고, 안써도 상관 없습니다. 어차피 자신의 블로그 내용 검색하는 것이니까 키워드 안쓴다고 검색 안하는게 아녜요. 다만 검색결과에 광고도 나타나는 경우에 광고의 종류에 영향을 미칠 수는 있겠네요. 그러나 광고도 시간이 좀 지나면 결국 내 블로그 내용을 구글이 파악할테니 연관된 광고가 어차피 나옵니다. 아무튼 그리 중요하지 않다는건 아시겠죠?
> 세이프서치는 성인컨텐츠 검색하느냐 마느냐 문젭니다. 검색결과에 음란물같은게 포함된다면 그걸 걸러서 표시하지 않는 기능입니다. 여러분 블로그에 그런 내용은 없을테니 체크하든 말든 상관이 없을테고, 인터넷 전체검색으로 사용하는 사람일 경우는 각자 판단하여 체크여부를 결정하면 되겠습니다.
> 국가또는 지역은 어느 구글검색엔진을 사용하느냐 결정하는 것입니다. 미국으로 설정하면 google.com으로 검색하는 것이고, 한국으로 설정하면 google.co.kr로 검색하는 것이죠.
> 사이트 언어는 여러분 블로그의 언어설정과 맞추면 되겠습니다. 근데 이것도 별 상관 없는거 같더라구요. 한글로 해놓고 영어로 검색한다고 안되는 것도 아니고, 영어로 해놓고 한글로 검색한다고 검색 안되는게 아닌데 무슨 차이가 있는지는 모르겠습니다. 아무튼 한글로 설정하세요.
> 인코딩은 당연히 UTF-8로 설정하시고.
> 음역은 구글 도움말을 참조하세요. 저는 저런기능을 사용할 가능성이 전혀 없다고 보기에 설정하지 않았습니다. 설명하자니 귀찮네요.
> 인기검색어도 사용할지 말지 알아서 결정하세요. 전혀 중요한 내용이 아니니까. 저는 오히려 그게 귀찮게 할 수 있어서 사용하지 않습니다.
> 사용자채널 설정은 그냥 넘어갑니다. 하지 않아도 하등의 문제가 없으니 궁금하면 차차 알아가도록 하세요.
6. 검색창 스타일 지정하기
다음과 같은 설정화면을 보실 수 있습니다.
디자인과 텍스트 상자 길이를 설정해야 하는데, 디자인은 첫번째 것이 가장 깔끔하고 무난하겠죠? 취향대로 고르시기 바랍니다. 다른 것들은 검색창 옆이나 검색창 아래에 google 사용자 정의 검색 이라고 따로 표시가 되는 디자인 입니다. 이런거 따로 달고 싶은 사람이 있겠어요?
텍스트 상자 길이는 기본이 55자로 되어 있는데 여러분 블로그에 설치할 공간을 감안하여 설정하면 되겠습니다. 그런데, 몇 자로 해야 딱 적당할지 몰라 난감하시죠? 신경쓰실거 없습니다. 여기선 적당히 쓰고 지나가세요. 나중에 조절할 수 있습니다.
7.광고 스타일 설정
광고 문구의 색상 등을 설정하는 것입니다.
보면 다 아실테고, 상단에 보시면 광고 스타일 선택 과 맞춤 설정 사용이 있지요? 위의 이미지는 맞춤 설정 사용의 화면인데, 원하는 대로 색상을 설정한 후에 마지막에 이 맞춤 설정에서 새 광고 스타일 만들기를 클릭하시면 이 설정을 일종의 템플릿 처럼 저장할 수가 있습니다. 그러면 광고 스타일 선택에서 언제든지 간편하게 선택해서 사용하게 되는 것이지요. 물론 그런거 하지 않고 그냥 색상 설정만 하고 넘어가도 상관 없습니다.
8. 검색결과 설정
검색 결과를 어떻게 표시할지 설정하는 것입니다.
여기서는 여러분의 블로그에서 검색결과가 표시되게 할 것이므로 내 웹사이트에(iFrame 사용)에 체크하시면 됩니다. 그러면 검색결과가 표시될 URL을 넣는 박스가 나타나는데, 여기에 앞서 2번 과정에서 만들어서 복사한 페이지 주소를 붙여넣으면 됩니다. 그러면 검색 결과가 그 페이지에 표시되는 것이지요.
그 다음 결과 영역 폭은 기본이 800으로 되어 있는데, 제 경우는 600~610 정도로 해야 되었었는데 수치를 고쳐보면 795 이상이어야 한다고 경고문구가 뜨면서 그 아래로는 저장이 되질 않습니다. 그러므로 여러분도 만일 수치를 좁혀야 한다면 여기서는 일단 795라고 해두고 넘어가세요. 어쩔수 없습니다. 단 줄일 수 있는 방법은 나중에 가르쳐 드리겠습니다.
아무튼 이제 저장 및 코드 생성 버튼을 눌러서 완료하시면 두 가지 코드가 나옵니다.
9. 검색기 애드센스 코드 붙여넣기
하나는 검색창이 들어갈 곳에 붙여넣는 코드이고, 하나는 검색결과가 나타날 곳에 붙여넣는코드라고 쓰여 있지요? 먼저 검색창 코드를 가지고 검색창을 만듭시다.
여러분의 블로거 관리메뉴에서 Design > Page Elements 로 들어가시면 위와 같이 페이지 구성요소를 설정하는 화면이 나오죠? 원하는 곳에 Add a Gadget 을 클릭합시다. 제 경우는 DOMAWE SEARCH 라고 이름붙인 검색창이 이미 자리잡고 있는게 보이시죠?
아무튼 클릭하면 위와 같이 여러가지 가젯이 나오는데, 그 중 HTML/JavaScript 를 사용할 것입니다. 우측 상단의 플러스 버튼을 클릭하여 추가하도록 합시다.
그러면 위와 같이 창이 뜨죠? Title 에는 검색기의 제목을 필요에 따라 쓰세요. 쓰시면 여러분 블로그의 검색창 위에 그 제목이 붙게 됩니다. 제 블로그에 보시면 검색기 위에 DOMAWE SEARCH 라고 써 있지요? 아무것도 없기를 원하시면 쓰지 않으시면 됩니다. 그리고 아래 Content 칸에 검색기 코드를 붙여넣으시고 SAVE 버튼을 눌러 저장하시면 검색기 설치가 완료됩니다.
10. 검색결과 코드 붙여넣기
이제 검색결과 코드를 붙여넣을 차례죠? 제일 처음에 검색결과가 표시될 페이지를 만들었지요? 그리로 들어갑시다.
아까 만든 Search Results 페이지가 보이죠? Edit 버튼을 눌러 들어갑시다.
Edit HTML 탭을 클릭하여 HTML 모드로 바꿔주시고, 검색결과 코드를 붙여넣으세요. 그리고 PUBLISH PAGE 버튼을 눌러 완료하면 되는데, 그 전에 코드 중간즈음에 보시면 숫자가 있습니다. 아까 애드센스에서 검색결과 폭을 설정할 때, 795 이하로 할 수 없었던 것 기억하시죠? 만일 795 이하로 사용하셔야 하는 경우 여기서 원하는 수치를 입력하세요. 위 그림에 보시면 제 경우는 600으로 수정했습니다. 그런데! 여기서 수정한 대로 표시가 되는 것은 아닙니다. 더 해야 할 것이 있는데 그건 나중에 가르쳐드리겠습니다. 일단 여기까지 하시고 저장하세요.
11. 모든 과정이 완료되었습니다.
다 끝났습니다. 이제 여러분의 블로그에 접속하여 검색기를 테스트 해보세요. 잘 따라오셨다면 문제없이 작동하는 것을 확인하고 검색 결과도 여러분의 블로그에 잘 표시되는 것을 보며 흐뭇해 하시면 되겠습니다.
12. 추가사항: 검색창 길이 조절하기
다 끝나서 좋지만 여러분의 블로그에 설치한 검색창 길이가 맘에 안드시죠? 앞서 애드센스에서 검색창 길이 입력하는 부분에서 나중에 가르쳐 드리겠다고 말씀드렸는데, 간단합니다.
여러분이 붙여넣은 검색창 코드에서 숫자 하나만 고치면 됩니다. 아까 설치한 검색창 코드를 수정할 수 있는 곳으로 들어가세요. 어느쪽이든 편한대로 들어가세요.
예를 들어 블로그 화면에서 들어간다고 치죠.
제 블로그에서 검색창이 있는 부분의 모습입니다. 관리자에게는 공구 아이콘이 보입니다. 여러분도 관리자로 여러분의 구글 블로거 대시보드에 로그인 한 상태에서 여러분의 블로그를 열어보면 각각의 가젯마다 저렇게 공구표시가 보일겁니다. 클릭하면 다음과 같이 아까 검색창 코드 붙여넣은게 보이실겁니다.
중간쯤 보시면 size="34" 이런 식으로 써 있는 것이 보이시죠? 그게 아까 애드센스에서 여러분이 입력한 가로 폭인데, 이 숫자를 수정하고 SAVE하세요. 그래도 마음에 안드시면 다시 조금 늘이거나 줄이거나 해서 폭을 맞추시면 됩니다. 굳이 애드센스 들어가서 수정한 후 새 코드를 받지 않으셔도 됩니다.
여기서 한 가지 주의할 사항은 각 브라우저마다 같은 수치라도 넓이가 조금씩 다르게 표시됩니다. 그러니까 익스플로러, 파이어폭스, 크롬 같은 많이 사용되는 브라우저들로 여러분의 블로그를 열어서 확인하시는게 좋습니다. 그렇지 않으면 어떤 사람들에게는 여러분의 의도와 다르게 보기 흉하게 표시될 수도 있습니다.
자, 여기까지 따라오시느라 수고가 많으셨습니다.
아직 여러분에게는 한가지 의문점이 남았을 것입니다. 바로, 검색결과 페이지가 너무 넓게 표시되는 분이 많을겁니다. 위에서 진행중에 나중에 가르쳐드린다고 했었죠? 그건 포스트를 따로 작성했습니다. 따로 작성했다고 어려운 것은 아닙니다. 간단해요. 필요하신 분은 참고하시기 바랍니다.
> 검색용 애드센스 검색결과 폭 줄이기
















0 comments:
Post a Comment