글

라벨이 티스토리 스킨 수정인 게시물 표시

티스토리 북클럽 글 목록에 애드센스 인피드 광고 삽입법

이미지
프롤로그 티스토리 북클럽 스킨에서 홈이나 카테고리의 글 리스트 사이에 광고가 일정하게 들어가게 하는 방법입니다. 애드센스의 인피드 광고만 만들면 안 되며 추가 코딩이 필요한데, 인터넷상에 수많은 설명들이 있으나 제대로 동작하지 않습니다. 이번 글에서 잘 동작하는 방법을 자세히 설명드리겠습니다. 글리스트에 인피드 광고 삽입(좌 삽입 전 우 삽입 후) 인피드 광고 단위 생성 먼저 애드센스 홈페이지 왼쪽 광고 메뉴를 누르고 다시 인피드 광고를 클릭합니다. tistory.com, 모바일은 https://***.tistory.com/m을 입력하고 페이지를 스캔하면 화면 구성을 분석한 후 적당한 인피드 광고를 제시해 주는데, 이것을 수정해서 사용하면 됩니다. 아래 오른쪽 그림에서와 같이 본인 블로그 홈페이지 주소를 Desktop은 https://***. 인피드 광고 단위 만들기 스캔 분석이 잘 안 될 경우에는 아래의 '광고 스타일 직접 만들기'를 누른 후, 왼쪽 그림에서와 같이 본인의 블로그에 맞게 이미지 크기, 글자 폰트, 마진 등을 수정하면 됩니다. 완료 후 오른쪽 상단에 적당한 '광고 단위 이름'을 넣고 하단의 파란색 '저장 및 코드 생성'을 누르면, 오른쪽 그림에서와 같이 코드가 생성되며 세 개의 코드만 필요합니다. 인피드 광고 설정 및 저장 후 코드 생성 data-ad-layout-key="************" --> (1) 광고 단위 환경 설정 값입니다. data-ad-client="ca-pub-********" --> (2) 본인의 애드센스 계정 코드입니다. data-ad-slot="32*******" --> (3) 여기서 만들어진 인피드 광고 단위의 숫자 ID입니다. 이 세 가지 값을 아래에 삽입할 코드에서 본인의 값으로 넣어 주어야 합니다. HTML 수정 '스킨 편집/html 편집'으로 들어가서 <head> ...