제가 지금까지 적용한 광고를 정리해보면 아래와 같이 3가지입니다.
1. 하단 반응형 광고 삽입
- 2020년 6월 23일 애드센스 승인과 함께 하단에 반응형 광고 적용
2. 상단 반응형 광고 삽입
- 2020년 7월 1일 상단 광고 적용
- 모바일에서 상단 광고 이미지가 화면을 다 가리고 내용이 보이지 않아 상단 광고 높이 조절하여 적용.
3. 일치하는 콘텐츠 광고 적용
- 2020년 7월 13일
- 하단 반응형 광고와 연속으로 위치하지 않고 태그 다음에 오도록 HTML 편집 영역에서 적용
하단 반응형 광고 삽입은 이전 글을 참고하시면 됩니다.
2020/07/01 - [나의 삶/애드센스 관련] - 애드센스 광고, 블로그 하단에 적용하기
애드센스 광고, 블로그 하단에 적용하기
20번의 낙방 끝에 애드센스 승인이 되었다는 메일을 받았습니다. 메일에는 친절하게 광고 설정을 하는 링크가 덧붙여 왔습니다. 자동 설정이 있긴 하던데, 어떻게 광고가 나오는지 모르겠어서, �
lentamente.tistory.com
이번 글에서는 상단 광고의 광고 높이를 조절하여 적용한 방법에 대해 정리하려고 합니다.
하단 광고 적용 후 일주일 정도 지난 후에 상단 광고 효과가 더 좋다는 글이 많아서 상단 광고를 생성하여 적용하였습니다.
하단 광고 적용과 동일하게 AdSense 사이트에서 "광고 단위 기준> 디스플레이 광고" 메뉴에서 광고 단위를 생성하고, 코드를 복사하는 생성 단계는 동일합니다.
광고 단위 생성 후 티스토리 관리자 기능에서 애드센스 플러그인(반응형)을 선택한 후, 상하단 적용을 선택하면, 기존에 적용했던 하단 스크립트는 자동으로 보입니다.
따라서, 상단 광고 공간에 새로 만들어 복사해 온 상단 광고 코드를 붙여 넣기 후 적용하면 상단 광고 적용이 마무리됩니다.
저는 이미 하단 광고를 적용하여 놓은 상태라서 하단에 기존 코드가 보이는 것이고, 처음 상하단 광고를 적용하는 경우라면, 코드가 나타나지 않습니다. 각각 생성된 코드를 적용하시면 됩니다.
AdSense 사이트에서 생성된 코드를 복사해서 적용한 후 살펴보니, 제 핸드폰에서는 광고로 화면이 다 가려지고 화면을 스크롤해서 아래로 내려야 글의 내용이 보였습니다. 아마 제 핸드폰 화면이 크지 않아서 그럴 수 있을 것 같습니다.
그래서 상단 광고 높이를 좀 줄일 수 있으면 좋겠다 생각하고 검색을 해보니, 상단 높이를 고정하는 방법이 있어 해당 내용을 적용하였습니다.
위 이미지는 AdSense 사이트에서 새로 생성한 상단 광고 코드입니다. 상단처럼 생성된 코드에서 data-ad-format, data-full-with-responsive 부분 항목은 삭제하고, style 항목을 아래 빨간색으로 표시된 내용으로 변경하여 적용하였습니다.
이렇게 적용하면 상단 광고는 하단에 나타나는 광고와 달리, 광고 높이가 90px로 고정되어 하단 광고 높이의 반 정도 수준의 크기로 나타납니다.
해당 내용은 티스토리에 다른 많은 분들이 올리신 글에도 나오고, AdSense 고객센터 "반응형 광고 코드 수정 방법"의 내용에도 설명되고 있습니다.
이렇게 적용하니 모바일에서도 상단 광고가 화면을 다 가리지 않고 광고 아래로 제가 올린 글의 일부가 보입니다.
혹, 상단 광고 높이 조절을 하고 싶으신 분이 계시면 참고가 되었으면 합니다.
그런데 한 가지 말씀 드리자면, 광고 높이를 조절하니 확실히 광고 클릭 유도 효과는 떨어지는 것 같습니다.
상단이 훨씬 광고 클릭율이 높다는 글을 봤는데 전 사이즈를 줄여 놓아 그런지 클릭률이 좋지 않습니다.
광고 크기와 클릭률이 직접적 관계가 있는지 제 경우만 가지고 판단하기 섣부르지만, 일단 제 경우에는 상단임에도 클릭률이 높지 않다는 점은 참고하십시오.
다음에는 일치하는 콘텐츠를 적용한 방법에 대해 정리해보도록 하겠습니다.
관련 글]
2020/07/04 - [나의 삶/애드센스 관련] - 티스토리 운영팁 - 구글 검색 실적
