구글 맞춤검색창 크기 조절하는 방법

애드센스 수익용 맞춤검색창 크기 조절하기

 블로그나 홈페이지에 구글 광고를 삽입하여 수익을 얻는 구글 애드센스 광고 중에는 구글 맞춤검색이라는 기능도 있습니다. 방문자가 해당 검색창에서 구글 검색을 하면 검색결과와 함께 검색어와 연관된 광고가 표시되어 수익이 발생하는 방식의 광고입니다.

 제 블로그는 구글 맞춤 검색창을 사이드바에 설치해 두었습니다. 그런데 지금보니 맞춤검색창 크기가 사이드바 너비보다 작아서 디자인이 영 별로네요. 오늘은 이 맞춤검색창의 크기를 조절하는 방법에 대해 이야기 해보고자 합니다. 

 위 사진은 제 블로그 사이드바 하단에 삽입해둔 Google 맞춤검색창 입니다. 사진속에서도 알 수 있듯이 사이드바 길이보다 많이 작아서 사실상 눈에 띄지도 않는 수준입니다.

 해당 검색창의 사이즈를 변경하는것은 소스코드에서 사이즈를 변경해 주어야 합니다. 티스토리 블로그를 기준으로 관리 > HTML/CSS 설정메뉴로 들어가서 구글맞춤검색 소스코드를 찾아줍니다.

 여기에서 위 사진속 표시된 size=""속 숫자를 변경하면 이 숫자에 맞춰 검색창의 크기가 변경됩니다. 엄밀히 말하면 검색창에 입력할 수 있는 글자수를 조절하는 방법입니다.

 다만 픽셀단위로 크기를 조정하는 방식이 아니므로 한번에 정확한 크기 입력은 어렵고, 숫자를 늘리고 줄여가며 반영되는 검색창 사이즈 크기를 확인해서 맞춰주어야 합니다.

  제 블로그의 경우 맞춤검색창이 삽입되는 사이드바의 넓이를 300 픽셀로 지정해 두었고 구글 맞춤검색창에 입력되는 글자수를 28자로 설정해 보았습니다. 아직 많이 모자라네요.

 이번에는 글자수를 50자로 변경해 보았습니다.

 그랬더니 맞춤검색창의 크기가 사이드바넓이보다 더 커져서 검색창이 다음줄로 이동되었습니다.

 딱 맞는, 원하는 수준의 사이즈를 찾기 위해 숫자를 늘리고 줄여가며 체크해 줍니다.

 글자수를 40자로 설정하니 300 px 보다 약간 작게 나오네요. 41자로 설정하니 딱 맞게 설정됩니다.

 다만 좌우 공백을 고려하여 그냥 40자로 설정하여 사용했습니다.

구글맞춤검색창의 위치와 사이즈까지 맞춰 제작된 스킨이라면 문제 없겠지만 그렇지 않은 스킨이라면 스킨 너비와 다를수 있으므로 크기를 직접 조절해 주는것이 좋습니다. 오늘 소개한 구글 맞춤검색창 사이즈 조절 방법을 참고하여 멋진 블로그 만드시기 바랍니다.

 참고로 애드센스 삽입과 구글검색창 삽입방법은 아래 링크를 참조하세요

1. 구글 애드센스 가입과 광고개제를 위한 신청서 작성 - http://jkman001.tistory.com/321

2. 구글 애드센스 광고 개제승인 받는법과 광고 삽입법 - http://jkman001.tistory.com/323

3. 블로그에 구글 애드센스 측면광고와 구글 맞춤검색 삽입하기 - http://jkman001.tistory.com/325

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

마지막으로, 이 포스팅이 되었다면 아래의 하트버튼을 눌러주세요.

더 많은 분들에게 좋은 정보를 제공하는 기회가 됩니다.