티스토리 광고)애드센스 인피드광고를 메인 인덱스 홈 화면 글 목록에 넣는 방법 (*^▽^*) - 제대로 살려고 제대로 공부하는 여자
반응형

 

 

티스토리 스킨들 중 여러개를 다 써본 후

북클럽(Book Club)스킨 만 한 게 없다고 결론을 내리고

북클럽(Book Club)스킨으로 만족하며 사용하고 있는 중인데요~

 

한 가지 아쉬운 점이 있다면,,,

메인글 목록 리스트에 인피드광고를 넣기가 까다롭다는 점 ㅠ.ㅠ

 

그래서 인피드광고 넣는 건 그냥 포기하고 있었는데

'친효스킨' 제작으로 유명한 친절한 효자손님의 글을 보고 시도해봤더니 성공했지 뭡니까?ㅋㅋㅋ

 

이 포스팅은 친절한 효자손 취미생활의 글을 참고하여 작성되었음을 알려드립니다.

 

 

 

 

▣구글 애드센스 인피드광고 메인글 목록에 넣는 방법

 

 

⑴인피드 광고 만들기

 

 

①구글 애드센스에 로그인 후

광고>개요>광고 단위 기준>인피드 광고 를 선택합니다.

 

 

 

②북클럽 스킨은

Google 시스템에서 추천하는 스타일 확인으로는 글목록 안에 광고가 만들어지지 않습니다.

엉뚱하게 최근글/인기글에 생성됨 ㅡ.ㅡ

그러니 광고스타일 직접 만들기를 클릭하셔야 합니다.

그리고 나서 측면 이미지 선택 후 다음을 눌러줍니다.

 

 

 

③가장 먼저 광고 단위 이름을 본인 마음대로 입력해준 다음

아래의 항목들을 하나 하나 세팅해주면 됩니다.

 

 

 

전체옵션 부분에서는

위와 같이 경계선 폭 1px, 색상 #555, 패딩값 모든 부분을 10으로 변경.

 

 

 

이미지에 들어가서

왼쪽 정렬, 비율은 1:1, 너비 120px, 패딩값 0 - 15 - 0 - 0 으로 수정.

 

 

 

광고 제목 부분은

글꼴 크기 17px, 두껍게 처리 해제, 색상 #111, 패딩값 10 - 0 - 0 - 0 입니다.

 

 

 

내역에서는

글꼴 크기 13px, 왼쪽 정렬, 색상 #888, 패딩값 20 - 0 - 0 - 0 으로 수정해줍니다.

 

 

 

URL 부분은

글꼴 크기 13px, 색상 #AAA, 패딩값 10 - 0 - 0 - 0 으로 변경해줍니다.

 

 

 

⑨마지막 버튼에서는

글꼴 색상과 테두리 색상 모두 #555로 합니다.

 

 

 

'저장 및 코드 생성' 버튼을 클릭한 다음

위의 코드를 메모장에 복사해놓고 완료를 눌러줍니다.

 

여기에서 필요한 부분은 빨간색으로 표시해논 세가지가 전부!!!

 

data-ad-layout-key="◆"

data-ad-client="■"

data-ad-slot="●"

 

 

 

⑵HTML 수정해서 인피드 광고 넣기

 

 

인피드광고.txt
0.00MB

 

먼저 위의 파일을 다운받아

각각의 해당 코드 부분에 자신의 애드센스 값을 넣어줍니다.

 

 

 

data-ad-layout-key="◆"

data-ad-client="■"

data-ad-slot="●"

 

그리고 목록의 몇 개마다 광고를 넣을지는

    var chInfeedAdSenseInsert = 5; // 인피드광고 적용 개수

이 부분을 수정하시면 됩니다.

예를 들어 숫자 5는 목록 5개마다 광고 하나씩 배치되도록 한다는 뜻입니다.

 

 

 

 

②수정된 인피드 광고 코드는

설정>꾸미기>스킨편집으로 들어가서 'html편집'을 클릭한 다음

</head> 바로 위에 붙여넣기 해줍니다.

 

이 때 주의해야 할 점은

var chInfeedAdSense='<ins class=~~~~~~~~~></<ins>'부분이 한 줄에 모두 들어가야 한다는 것!

그렇지 않으면 광고가 안 나옵니다.

인덱스페이지 코드(HTML).txt
0.00MB

 

③그 다음 'HTML편집' 안에서 </s_index_article_rep> 코드를 찾습니다.

 

북클럽 스킨에서는 2개가 검색되는데,

2번째 코드 위에 위의 텍스트 파일을 그대로 붙여넣기 해주면 끝입니다.

 

 

 

 

이렇게 하면 인피드 광고가 목록 안에 똻!!!......

이제껏 정말 많은 방법을 시도해봤었는데... 죽어도 안 뜨더니...

이건 바로 ㅠㅠㅠㅠㅠ 광고가 떠서 얼마나 감격스럽던지...!!!

여러분들도 저처럼 꼭 성공하시길 바랄게요 (◍•ᴗ•◍)❤

 

해당 글은 추후 블로그를 건드리다가...

망할 순간을 대비하여 오로지 나를 위해 작성된 글입니다^~^ㅎㅎㅎ

 

 

다음 글은 이 글 어떠세요๑◕‿‿◕๑?

 

티스토리 꾸미기)제목에 예쁘게 밑줄 넣기(서식파일 있음)✐

티스토리 북클럽 스킨(Book Club)을 사용하다 보니 방문자분들이 제 글을 좀 더 편하게 읽었으면 하는 욕구가 점점 커지게 되었습니다.그래서 이번에 티스토리 북클럽 스킨(Book Club)을 기준으로 소

welcomestock.tistory.com

 

티스토리 북클럽(Book Club) 스킨 세팅시 수정할 것 7가지 _φ( °-°)/

개인적으로 티스토리에서 구글애드센스광고에 사용하기에 가장 적합한 스킨이라고 생각되는 스킨은 북클럽(Book Club)스킨. 이제 북클럽 스킨으로 정착하여 사용한지도 어느덧 4개월??? 사용하면

welcomestock.tistory.com

 

티스토리 광고)HTML편집으로 '일치하는 콘텐츠' 넣는 방법 아주 쉽게 설명해줄게◡( ╹◡╹ )◡

티스토리를 시작한지 어언 3개월 정도 된 거 같은데... 아직도 HTML편집으로 구글 애드센스 광고 넣는 부분은 정말 어렵다. 어쩌다 스킨편집을 할 때면 했던 것들을 다 까먹어서 일일이 찾고 있는

welcomestock.tistory.com

 

 

 

투자에 대한 지식이 많이 미흡한 자가 개인적인 생각을 적은 것이니
혹여나 잘못된 부분이나 다른 의견이 있으시다면 코멘트로 친절히 알려주시면 감사하겠습니다✩⡱

문의 ✉️ nanalandxox@yahoo.com

 

글의 내용이 마음에 드셨다면 구독◡‿◡ 구독 ◡‿◡

 

 

❤️공감 버튼을 눌러주시는 것이 저의 가장 큰 보람입니다👍

(별도의 로그인없이 가능합니다)

반응형
loading