이번 포스팅은 오직 구글 블로거를 위한 애드센스 가이드 노하우입니다.
처음 구글 블로그를 시작할때는 워드프레스와 비슷하며 티스토리보다도 뛰어난 자유도와 수많은 해외 템플릿에 매료되었는데요? 여러모로 복잡한 점도 많고 불편한 점도 많았는데, 그 중 하나가 바로 구글 애드센스 본문 상단에 광고 적용하기 였습니다.
보통 구글 블로그는 레이아웃 - 가젯을 통해 쉽게 애드센스를 설치할 수 있는데, 내가 원하는 위치(본문 상단 또는 하단)에 정확히 애드센스를 적용하기가 힘듭니다. 특히 나는 분명 본문 상단에만 노출시키고 싶은데 블로그 메인에서 동시 노출되며 블로그 포스팅 제목 아래에 노출시키고 싶은데 위에 노출되는 경우가 많습니다.
그런 분들을 위한 포스팅이니 잘 따라해보시기 바랍니다. 정확히 구글 블로그 포스팅 본문 상단 및 하단에 광고를 적용하는 방법에 대해 알아보겠습니다.
일반적으로 구글 블로그는 레이아웃에 들어가면 가젯 추가를 통해 상당히 쉽게 구글 애드센스를 적용할 수 있습니다. 가젯 추가 전에 수익 탭에서 구글 애드센스를 적용해야 하며, 블로그에 따라 하루에서 최대 2주가 소요되기도 합니다.
일단 가젯 추가를 눌러보면?
먼저 내 블로그 관리자에서 테마 -> HTML 편집을 클릭합니다. 참고로 저의 경우는 반응형 테마를 사용하기 때문에 모바일을 별도로 설정할 필요 없고 한번에 설정합니다.
HTML 편집을 클릭하면 장황하게 HTML 코드가 나올텐데요? 당황하지 말고 <data:post.body/> 코드를 찾아줍니다. 참고로 테마 템플릿에 따라 이 코드가 3~4개씩 존재할 수 있으며, 그 중 하나만 진짜이니 일일이 텍스트를 쳐보면서 테마 저장을 하고 어느게 진짜 본문 코드인지 확인해보셔야 됩니다.
확인 후 진짜 본문인 <data:post.body/> 코드 바로 위에 내 구글 애드센스 코드를 붙여넣습니다. 저 같은 경우는 중앙 정렬을 위해 <div align="center"></div> 사이에 애드센스 코드를 넣었습니다.
참고로 구글 애드센스의 코드를 퍼오면 시작부분이 <script async src=' 와 같이 돼있는데, 타 블로그나 홈페이지는 상관없지만 구글 블로그에서는 이를 <script async='async' src=' 로 바꿔주셔야 합니다. 그래야만 테마 저장이 가능합니다.
참고로 <data:post.body/> 코드 밑에 애드센스를 넣을 시 본문 하단에 광고가 적용됩니다. 이제 테마저장을 누른 후 잘 적용됐나 블로그를 새로고침 해보겠습니다.
처음 구글 블로그를 시작할때는 워드프레스와 비슷하며 티스토리보다도 뛰어난 자유도와 수많은 해외 템플릿에 매료되었는데요? 여러모로 복잡한 점도 많고 불편한 점도 많았는데, 그 중 하나가 바로 구글 애드센스 본문 상단에 광고 적용하기 였습니다.
보통 구글 블로그는 레이아웃 - 가젯을 통해 쉽게 애드센스를 설치할 수 있는데, 내가 원하는 위치(본문 상단 또는 하단)에 정확히 애드센스를 적용하기가 힘듭니다. 특히 나는 분명 본문 상단에만 노출시키고 싶은데 블로그 메인에서 동시 노출되며 블로그 포스팅 제목 아래에 노출시키고 싶은데 위에 노출되는 경우가 많습니다.
그런 분들을 위한 포스팅이니 잘 따라해보시기 바랍니다. 정확히 구글 블로그 포스팅 본문 상단 및 하단에 광고를 적용하는 방법에 대해 알아보겠습니다.
일반적으로 구글 블로그는 레이아웃에 들어가면 가젯 추가를 통해 상당히 쉽게 구글 애드센스를 적용할 수 있습니다. 가젯 추가 전에 수익 탭에서 구글 애드센스를 적용해야 하며, 블로그에 따라 하루에서 최대 2주가 소요되기도 합니다.
일단 가젯 추가를 눌러보면?
위와같이 애드센스를 버튼 하나만으로 추가할 수 있습니다. 하지만 위의 방법은 템플릿에 따라 다르겠지만 대부분 블로그 메인에도 애매한 위치에 배치됩니다. 그렇다보니 블로그 메인이 깔끔하지 않고, 로딩 속도도 늘어나며 광고가 노출되지 않을때는 빈 여백이 출력되는데요?
뿐만 아니라 가젯을 사용해서 애드센스를 적용하면 포스팅 제목과 본문내용 사이가 아닌 제목 위에 노출이 됩니다. 하지만 HTML을 직접 수정하면 쉽게 해결되는데, 비교적 간단하니 잘 보고 따라해보시기 바랍니다.
먼저 내 블로그 관리자에서 테마 -> HTML 편집을 클릭합니다. 참고로 저의 경우는 반응형 테마를 사용하기 때문에 모바일을 별도로 설정할 필요 없고 한번에 설정합니다.
HTML 편집을 클릭하면 장황하게 HTML 코드가 나올텐데요? 당황하지 말고 <data:post.body/> 코드를 찾아줍니다. 참고로 테마 템플릿에 따라 이 코드가 3~4개씩 존재할 수 있으며, 그 중 하나만 진짜이니 일일이 텍스트를 쳐보면서 테마 저장을 하고 어느게 진짜 본문 코드인지 확인해보셔야 됩니다.
확인 후 진짜 본문인 <data:post.body/> 코드 바로 위에 내 구글 애드센스 코드를 붙여넣습니다. 저 같은 경우는 중앙 정렬을 위해 <div align="center"></div> 사이에 애드센스 코드를 넣었습니다.
참고로 구글 애드센스의 코드를 퍼오면 시작부분이 <script async src=' 와 같이 돼있는데, 타 블로그나 홈페이지는 상관없지만 구글 블로그에서는 이를 <script async='async' src=' 로 바꿔주셔야 합니다. 그래야만 테마 저장이 가능합니다.
참고로 <data:post.body/> 코드 밑에 애드센스를 넣을 시 본문 하단에 광고가 적용됩니다. 이제 테마저장을 누른 후 잘 적용됐나 블로그를 새로고침 해보겠습니다.
정확하게 본문 상단에 구글 애드센스가 잘 적용된것을 볼 수 있습니다. 티스토리 블로그나 일반 홈페이지에 비해 구글 블로그는 가젯을 사용하면 쉽지만, 내가 원하는 정확한 위치에 애드센스를 삽입하기는 생각보다 복잡합니다.
참고로 애드센스 코드를 정확히 삽입해도 빈 여백이 출력되고 애드센스가 출력되지 않는 경우가 있는데, 이는 코드를 잘못 입력한게 아니라 애드센스가 노출 안되는 경우도 많기 때문입니다. 다른 포스팅을 여러개 확인해보시거나 시간이 지난 후 다시 확인해보시면 애드센스가 정상 노출됨을 확인할 수 있습니다.
참고로 구글 블로를 사용한다면 어느정도 HTML에 대한 지식이 있다는 가정하에 포스팅을 작성했습니다. 혹시 어렵거나 잘 안되는 부분이 있다면, 댓글 달아주시면 피드백 드리겠습니다.
댓글 없음:
댓글 쓰기