Contents
지난 글에 이어서 이번글에서는 티스토리 스킨 광고 셋팅을 할때 기본적으로 하면 좋은 하단 관련글(Related)부분에 멀티플렉스형 애드센스 광고를 넣는 방법입니다.
멀티플렉스형 광고는 기본적으로 광고비 단가가 높게 나와 사용하기 좋습니다.
관련글 멀티플렉스 애드센스 광고 적용 위치 미리보기
위 사진과 같이 티스토리 블로그 본문 관련글 밑 부분에 자연스럽게 멀티플렉스 광고가 나오게 설정됩니다.
관련글 밑에 구글 애드센스 멀티플렉스 광고 적용 방법
멀티플렉스 구글 애드센스 광고 만들기
우선 구글 애드센스 사이트에 접속하여 '멀티플렉스 광고'를 만들어야 합니다. (사진을 참고하여 따라 만들어 주세요.)
'광고 단위 이름'에는 알아보기 쉽게하기 위해서 어떤 부분에 넣을 광고 인지 '광고 단위 이름'을 작성해줍니다.
'광고 크기'는 반응형으로 설정합니다. 반응형으로 설정하는 이유는 PC와 모바일 둘다 자동으로 광고가 알맞게 나오기 때문에 반응형으로 설정한후 광고를 만들어 줍니다.
'광고 스타일'은 광고되는 글꼴을 변경할 수 있습니다. 따로 건드릴 필요는 없습니다. (글자를 꾸미고 싶으면 설정 해도됩니다.)
그 다음 만들어진 코드에 '코드 가져오기' 버튼을 눌러서 확인되는 애드센스 광고코드를 복사해 둡니다.
멀티플렉스 광고 코드를 넣을 위치 찾기
키보드에서 'F12'키를 누르면 관리자 모드를 활성화 할 수 있습니다.
그 다음 사진에서와 같이 화살표로 가리키는 부분이 선택된 상태에서 원하는 위치에 마우스를 갖다대면 해당 부분을 가리키는 코드이름을 찾을 수 있습니다.
이미지에서 확인할 수 있듯이 관련글 부분에 마우스를 갖다대면 해당 부분이 'related-articles'라는 이름을 가지 코드라는 것을 확인할 수 있습니다.
해당 코드 이름을 '티스토리 html 편집창'에가서 검색해줍니다.
멀티플렉스 애드센스 광고 코드 적용하기
티스토리 'HTML편집창'에 들어간후 위에서 찾은 관련글 부분의 코드인 'related-articles'라고 검색하여 해당 코드와 일치하는 부분의 위치를 찾을 수 있습니다.
(키보드에서 Ctrl + F를 눌러서 검색 할 수 있습니다.)
그 다음 위 이미지를 참고하여 '</s_aricle_related>'라는 관련글 코드가 끝나는 부분 바로 밑에 애드센스 멀티플렉스 광고 코드를 그대로 붙여넣기 해주고 나서 스킨 '적용' 버튼을 눌러 적용을 해주면 티스토리 블로그 본문 관련글 밑에 멀티플렉스 광고가 나오게 됩니다.
추가적인 수동 광고 등록 관련글는 다음 가이드에서 확인할 수 있습니다.
티스토리 가이드 관련글 바로가기 {3. 애드센스 광고 설정 (수익형 광고 셋팅 ) 부분 참고}
댓글