티스토리 블로그 인피드 광고 넣는방법 (북클럽스킨)

북클럽스킨은 인피드 광고가 안 먹힌다?

도대체 왜 안 되는 걸까 왜 안되는 걸까? 계속 고민해 봤습니다. 여기저기 검색해본 결과 스킨 문제라고 합니다. HTML스킨 편집 과정은 초보자에겐 너무 어려운 과정입니다. 그렇다면 북클럽 스킨은 어떻게 설정해야지만 인피드 광고를 설정할 수 있을까?  HTML을 어려워하는 독자들도 필자를 믿고 따라온다면 오늘 목록 삽입 광고인 인피드 광고 나도 설정 할수 있습니다.

반응형

북클럽스킨 인피드광고 넣는 방법.

인피드광고 넣는방법

1 애드센스에 접속 > 광고 단위 기준 > 신규 관고 단위 만들기 > 인피드광고 클릭

인피드광고

2. 여기서 주목할 점은 「북클럽 스킨은 구글 추천 스타일이 적용되지 않는다」는 점입니다. 필자를 포함한 여러 독자들이 계속해서 실패하는 이유입니다. google에서 추천하는 스타일 확인 이 아닌 『광고 스타일 직접 만들기』 클릭 후 측면 이미지 클릭 해주세요. 측면 이미지를 선택하는 이유는 홈화면 뉴북 이미지와 맞추기 위함입니다. (아래에서 설명)

광고스타일직접 만들기 > 측면 이미지 클릭

 

3. 광고단위이름과 폰트는 임의적으로 선택하시면 됩니다. 홈화면의 글씨체와 너무 동떨어지지 않게 골라 주시면 될 것 같습니다.

전체옵션 광고단위이름,폰트

4. 전체옵션 부분설정에서 가장 중요한 부분은 경계선과 패딩입니다. 필자 같은 경우에는 광고가 한층 강조되길 원해서 경계선 폭 1px , 패딩 10/10/10/10 설정했습니다.

경계선 폭 1px . 패딩 10/10/10/10

5. 이미지옵션. 북클럽의 유북 형식과 맞추기 위해 필자는 오른쪽 정렬으로 설정했습니다.

이미지 비율 1:1 , 너비 120px , 패딩 0/0/0/15

오른쪽정렬,비율1:1,너비120,단위px,패딩 0/0/0/15

6. 광고제목설정,  제목은 한눈에 들어오는 걸 선호하기 때문에 제목은 짧게 설정했습니다.

글자크기 16, 색상검정, 패딩 10/0/0/0 

짧음,글꼴크기16, 색상검정, 패딩 10/0/0/0

7. 설명, 글자크기 13, 색상검정, 패딩 20/0/0/0

글꼴크기13, 색상검정, 패딩20/0/0/0

8.URL설정 (광고 URL입니다.) 글자크기는 설명과 동일하게 13포인트 설정했습니다. 색상검정, 패딩 10/0/0/0

글꼴크기13, 색상검정, 패딩 10/0/0/0

9. 마지막으로 버튼 설정 테두리색상과 글꼴 색상은 임의적으로 설정하셔도 좋습니다. 필자는 테두리 검정, 글꼴 빨간색으로 설정하였습니다. 『저장 및 코드생성』 클릭

버튼 설정 하고 저장 및 코드 생성 클릭

10. 메모장에 코드 복사 해놓기. 특히 네모 박스 안에 있는 코드가 가장 중요한 부분입니다.

마지막단계 코드복사하기

11. 블로그관리> 꾸미기> 스킨편집 클릭

블로그편집

12.HTML편집 클릭

HTML편집

13. 인피드광고 코드 삽입

인피드광고 삽입

---

<!-- 헤드 인피드광고 삽입 시작-->

<script>

    var chInfeed = 0;

    var chInfeedAdSenseShow = 0;

    var chInfeedAdSenseInsert = 3;

    var chInfeedAdSense = '<ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout="image-side" data-ad-layout-key="첫번째모자이크"

 data-ad-client="두번째모자이크" data-ad-slot="세번째모자이크숫자부분"></ins>';

</script>

    <!-- 헤드 인피드광고 삽입 끝-->

코드참고

---

14. 인덱스 코드 다운로드하기

북클럽스킨인피드 광고 인덱스코드 다운.txt

0.00MB

15. 컨트롤+F 버튼 누르고 </s_index_article_rep> 검색해서 나오는 2번째 </s_index_article_rep> 바로 위부분에  인덱스코드 붙여 넣기.

인덱스코드적용

16. 적용하기.

17. 다시 스킨 편집으로 돌아가서 홈설정, 기본설정 홈화면 글수 본인 화면에 맞게 설정해주기.

18. 리스트 북리뷰에서 뉴북으로 설정해 줍니다. 더 보기 방식도 페이징으로 바꾸어줍니다. 

스킨편집>리스트>뉴북

마지막으로 적용까지 마치면 바로 적용 누르자 필자의 경우는 바로 적용되었습니다.

인피드광고가 적용된 블로그

마치며.

블로그 시작할 때부터 지금 까지 거듭되는 광고 넣기 시도와 실패. 속 시원하게 물어볼 곳이 없이 답답하던 차에 해결하게 되어서 필자같이 고생하는 사람들이 없어지길 바라며 북클럽스킨 인피드광고 넣는 방법 남겨봅니다. 혹시 아직 광고미송출이나  배너에 광고 넣는 방법이라던지 궁금하신 게 있으신 독자분들 꼭 궁금증이 풀리시길 바랍니다. 

 

티스토리 블로그 고정배너 플로팅 넣는방법

 

애드센스 광고 안나올때 (미송출) 해결방법 (실제경험에서 해결)

 

티스토리 사이드바 배너광고 넣는 쉬운방법!! 광고크게넣는방법

 

사진 크기(cm),픽셀(px),인치(in) 무료로 바꾸는 방법