Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]

[애드센스] 텍스트 광고 설정과 사이트 디자인과의 조화

IT/광고|2018. 5. 30. 15:43

 

반응형

 

구글 애드센스 텍스트 광고는 배경색과 글자색, 링크 색상등을 자유롭게 설정 할 수 있습니다. 텍스트 광고는 사이트와 같은 계통의 색상이 되도록 조정하는 것을 추천합니다.

 

 

   

 


비결 8

사이트 디자인과 조화로운 배색을 사용하자.   

 

 

사이트의 색상 코드와 텍스트 광고 색상을 맞추자

 

구글 애드센스에서 텍스트 광고가 표시 될 때를 대비해서 광고의 배경색과 문자색 그리고 링크 색을 사이트의 배색을 적절하게 배색하면 사이트 방문자들에게 광고의 위화감을 줄일 수 있습니다. 그리고 광고를 클릭율도 보다 높일 수 있습니다.

 

구글 애드센스 웹사이트의 광고 단위 만들기 화면에서는 텍스트 광고의 스타일로 기본값이 처음부터 선택되어 있습니다. 제목은 파랑, 배경은 휜색, 설명과 링크는 블랙으로 대부분의 사이트에서 익숙한 스타일입니다. 그러나 사이트에 독특한 배색을 사용하였거나 보다 광고가 사이트 디자인에 녹아들게 하려면 광고가 사이트와 같은 계통의 색이 되도록 텍스트 광고의 색상을 조절해야 합니다.

 

 

사이트에서 사용되는 색생은 "#"과 6자리 숫자나 영문 코드로 표시됩니다. 이 색상 코드를 모르는 경우는 구글 크롬의 확장 프로그램인 "ColorZilla"를 사용하면 좋습니다. 아래의 절차를 참조하여 크롬 웹 스토어에서 ColorZilla를 설치하면 사이트 색상 코드를 확인 할 수 있습니다.

 

구글 애드센스에서 텍스트 광고 스타일을 만들때 배경색은 특히 중요합니다. 예를 들어, 사이트의 배셩 색상이 검은색 계열일 경우 광고의 배경색을 희색과 빨간색으로 하면 광고가 방문자들의 눈에 지나치게 위화감을 가지게 됩니다. 사이트와 광고의 배경색은 같은 계열의 색상으로 통일 하는 것이 좋습니다.

 

 

 

텍스트 광고 스타일에 위화감을 줄이는 방법 예시

 

- 배경이 흰색일 경우

 

 

왼쪽 화면(기본값 스타일)의 텍스트 광고가 더 안정감이 있습니다. 오른쪽 그림의 광고(네온 스타일)은 눈에 띄지만 사이트 디자인 배색과 너무 위화감이 큽니다.

 

- 배경이 검정색일 경우

 

 

왼쪽 화면(기본값 스타일)의 텍스트 광고가 더 눈에 띄지만, 오른쪽 그림의 광고(네온 스타일)가 보다 자연스럽고, 사이트와 광고의 배경색의 조화가 갖추어져 있습니다.

 

애드센스 사이트에서는 "#" 없이 입력

 

HTML에서 컬러 코드는 흰색이면 #FFFFFF 검정색이면 #000000입니다. 대부분의 이미지 편집툴이나 HTML편집기에서 컬러 코드를 입력할 때에는 앞에 #이 붙지만 구글 애드센스 광고 단위 만들기 화면에서는 #을 제외한 6자리 숫자와 문자만 입력하게 되어 있으므로 주의가 필요 합니다.

 

 

 

 

다녀가신 흔적은 아래의 하트모양의 공감 ♡을 눌러주세요.

방문해 주셔서 고맙습니다.

반응형

 

 

댓글()
  1. Favicon of https://fses1234.tistory.com BlogIcon FSES 2018.05.30 20:28 신고 댓글주소  수정/삭제  댓글쓰기

    이런 주제도 해주시면 안되나요?
    ‘티스토리 메인 노출 방법’

  2. Favicon of https://hkn791.tistory.com BlogIcon 황기자 2018.05.30 23:35 신고 댓글주소  수정/삭제  댓글쓰기

    좋은정보 얻어갑니다~^^

  3. Favicon of https://butterfly-fly.tistory.com BlogIcon 버터플라이@ 2018.05.31 04:29 신고 댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다^^