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

 

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

 

티스토리 블로그의 애드센스 승인을 받고 나면 자동광고와 수동광고를 넣어야 합니다. 쉽게 자동광고만 넣어도 상관없지만 좀더 수익을 올리고 싶다면 수동광고는 필수라고 할수 있는데요. 오늘은 수동광고 중에서 인피드 광고 쉽게 넣은 방법에 대해 공부해 봅니다. 일단 북클럽 스킨에서 설정하는 방법이고 html 이 어려운 독자들도 쉽게 따라할수 있도록 기록하려고 하니 인피드 광고를 넣어보시기 바랍니다.

 

 

 

 

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

 

인피드광고 넣는방법

 

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

 

인피드광고 넣는 방법

 

2.인피드광고 클릭후 Google에서 추천하는 스타일 확인(권장)은 패스하고 아랫쪽의 <광고 스타일 직접 만들기> 클릭

이유는 북스킨 스킨에서는 구글 추천 스타일이 적용되지 않습니다.

 

3.광고 스타일 직접 만들기

측면이미지 선택>파란색 다음 클릭

 

광고단위이름과 폰트는 임의적으로 선택-홈화면글씨체와 비슷한 것을 골라줍니다.

• 광고단위 이름-목록사이인피드광고(꼭 설정해야함)
• 전체옵션
• 선택한 디스플레이 광고 허용
• Font - Roboto

 

4.전체옵션-선택한 디스플레이 광고 허용

전체옵션 부분설정 경계선과 패딩

경계선 폭 1px, 패딩 10/10/10/10  설정

 

 

5.이미지 옵션,북클럽의 유북형식과 맞추기 위해 오른쪽으로 설정

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

 

6. 광고제목설정, 제목은 한눈에 들어올수 있도록 간결하고 짧게 설정

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

 

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

 

8.URL 설정(광고 URL) 글자크기 13포인트 검정색,패딩 10/0/0/0

 

9.버튼설정 테두리 검정,글꼴 빨간색

10.저장및 코드 생성

 

메모장에 코드복사

 

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

 

 

11. 인피드광고 코드 넣기

 

<script>
data-ad-layout-key="본인의 layout-key넣기" 

data-ad-client="본인의 ca-pub 넣기" 

data-ad-slot="본인의 data-ad-slot넣기">

new 인피드 광고 코드 다운.txt

0.00MB

 

 

다운로드한 파일을 열어주세요.

여기엔 두개의 코드가 있습니다.

1번 코드와 2번 인텍스 코드가 저장되어 있어요.

 

1번 코드중 위의 빨간색 세가지 코드(자신의 코드번호)를 넣으시면 됩니다.

 

다시설명하자면 인피드 광고 코드 만들기로 복사해둔 코드를 보시면 위 세가지에 해당하는 본인의 코드가 있어요. 

 

 

 

하얗게 지워진 부분이 본인의 코드번호입니다.

 

1번코드가 들어갈 자리는 </head> 바로위에 넣어주세요.

코드복사는 <!-- 헤드 인피드광고 삽입 시작--> 이 문구까지 넣어주셔아 나중에 수정이나 삭제를 할수 있습니다.

 

 

12. 인덱스 코드넣기

이코드는 편집없이 위치만 잘 찾아서 넣으시면 됩니다.

 

스킨편집 html 안에 마우스 커서를 올려두고 ctrl + F 를 눌러 <S_index_article_rep> 찾으면 위.아래 두개가 나옵니다.

그럼 두번째 <S_index_article_rep>  바로 위에 2번 인덱스 코드를 넣어주시면 됩니다.

 

코드를 넣고 적용 누르고 스킨편집에서 나오면 됩니다. 제가 해보니까 바로 적용이 되더라구요.