티스토리 애드센스 광고 자동, 수동 동시 송출 방법

티스토리 수익 창출 수단인 애드센스 광고를 송출할 때, 자동으로 해야 할지, 수동으로 해야 할지 고민을 합니다. 각각의 방법에 장단점이 있기 때문입니다. 제가 설명드릴 방법은 각 방법의 장점만을 활용한 자동 광고, 수동 광고 동시 송출 방법입니다. 기본 세팅 방법을 못 보신 분들은 티스토리 애드센스 광고 자동, 수동 하이브리드 운영법을 반드시 읽은 후 해당 포스팅을 봐주시길 바랍니다.

애드센스 수동 광고 진행 부분

해당글에서는 인피드 광고와 디스플레이 광고를 활용한 티스토리 수동 광고 세팅을 설명드릴 예정입니다. 해당 부분 외에는 전부 자동 광고로 진행될 예정입니다.

광고 유형	광고 게재 위치	송출 방법	비고
목록 중간	목록 중간마다 광고	수동	한 번 설정시 지속 송출
본문 최상단	본문글 바로 위	수동	한 번 설정시 지속 송출
본문 최하단	본문글 바로 아래(태그 위)	수동	한 번 설정시 지속 송출
본문 광고	본문 내 광고	수동	글 작성시 매번 설정
티스토리 북클럽(book club) 스킨 기준

1. 목록 중간 인피드 광고 수동 넣기_헤드

인피드 광고 코드를 추출하면 아래와 같은 형식으로 생성됩니다.

위의 화면에서 레이 아웃 키와 펍코드, 애드 슬롯을 따로 적어 놓습니다. 해당 코드들을 아래 코드에 입력합니다.

<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="ca-pub-펍코드" data-ad-slot="애드슬롯"></ins>';
</script>

위 코드에 레이아웃키, 펍 코드, 애드 슬롯을 입력하였다면 아래 위치에 해당 코드를 삽입합니다.

티스토리 [관리] → 꾸미기 [스킨 편집] → [html 편집] → <head> ~ <head> 사이에 위에서 생성한 코드 삽입

2. 목록 중간 인피드 광고 수동 넣기_인덱스

티스토리 [관리] → 꾸미기 [스킨 편집] → [html 편집] → 찾기 → 북클럽 기준 2군데 검색이 됨, 2번째로 검색되는 부분 선택 → 2번째 </s_index_article_rep> 바로 윗 부분에 아래 코드를 붙여넣기

<script>
if (chInfeedAdSenseShow == 0) {
chInfeed++;
if (chInfeed % chInfeedAdSenseInsert == 0) {
document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script>');
document.write(chInfeedAdSense);
(adsbygoogle = window.adsbygoogle || []).push({});
document.write("<hr style='padding: 0; margin: 0; height: 1px; border: 0 none; color: #f5f5f5; background-color: #f5f5f5;'>");
}
}
</script>

3. 본문 중간 자동 광고 수동으로 반복하기

티스토리 글 작성 → […] 선택 → [광고] → [애드센스] 반응형 선택 → HTML 모드 전환 → [<figure class="ad-wp"] 로 시작하는 부분 복사 후 본문 내 원하는 위치에 붙여 넣기 반복

해당 방법으로 본문 내 광고를 진행하시면 포스팅을 수정하는 경우에도 광고가 틀어짐 없이 송출됩니다.

4. 본문 최상단, 최하단 수동 광고 넣기_디스플레이 광고

이전 글에서 생성했던 디스플레이 광고 코드가 필요하오니 미리 복사해놓으시길 바랍니다.

티스토리 [관리] → 꾸미기 [스킨 편집] → [html 편집] → <div class="entry-content"> 찾기

<div class="entry-content">
디스플레이 광고 코드 붙여넣기 1

티스토리 수익 창출 수단인 애드센스 광고를 송출할 때, 자동으로 해야 할지, 수동으로 해야 할지 고민을 합니다. 각각의 방법에 장단점이 있기 때문입니다. 제가 설명드릴 방법은 각 방법의 장점만을 활용한 자동 광고, 수동 광고 동시 송출 방법입니다. 기본 세팅 방법을 못 보신 분들은 티스토리 애드센스 광고 자동, 수동 하이브리드 운영법을 반드시 읽은 후 해당 포스팅을 봐주시길 바랍니다.

애드센스 수동 광고 진행 부분

해당글에서는 인피드 광고와 디스플레이 광고를 활용한 티스토리 수동 광고 세팅을 설명드릴 예정입니다. 해당 부분 외에는 전부 자동 광고로 진행될 예정입니다.

광고 유형 광고 게재 위치 송출 방법 비고

목록 중간 목록 중간마다 광고 수동 한 번 설정시 지속 송출

본문 최상단 본문글 바로 위 수동 한 번 설정시 지속 송출

본문 최하단 본문글 바로 아래(태그 위) 수동 한 번 설정시 지속 송출

본문 광고 본문 내 광고 수동 글 작성시 매번 설정

티스토리 북클럽(book club) 스킨 기준

반응형

1. 목록 중간 인피드 광고 수동 넣기_헤드

인피드 광고 코드를 추출하면 아래와 같은 형식으로 생성됩니다.

인피드광고-코드추출

위의 화면에서 레이 아웃 키와 펍코드, 애드 슬롯을 따로 적어 놓습니다. 해당 코드들을 아래 코드에 입력합니다.


<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="ca-pub-펍코드" data-ad-slot="애드슬롯"></ins>';
</script>


위 코드에 레이아웃키, 펍 코드, 애드 슬롯을 입력하였다면 아래 위치에 해당 코드를 삽입합니다.

티스토리 [관리] → 꾸미기 [스킨 편집] → [html 편집] → <head> ~ <head> 사이에 위에서 생성한 코드 삽입

반응형

2. 목록 중간 인피드 광고 수동 넣기_인덱스

티스토리 [관리] → 꾸미기 [스킨 편집] → [html 편집] → 찾기 → 북클럽 기준 2군데 검색이 됨, 2번째로 검색되는 부분 선택 → 2번째 </s_index_article_rep> 바로 윗 부분에 아래 코드를 붙여넣기


<script>
if (chInfeedAdSenseShow == 0) {
chInfeed++;
if (chInfeed % chInfeedAdSenseInsert == 0) {
document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script>');
document.write(chInfeedAdSense);
(adsbygoogle = window.adsbygoogle || []).push({});
document.write("<hr style='padding: 0; margin: 0; height: 1px; border: 0 none; color: #f5f5f5; background-color: #f5f5f5;'>");
}
}
</script>


3. 본문 중간 자동 광고 수동으로 반복하기

티스토리 글 작성 → […] 선택 → [광고] → [애드센스] 반응형 선택 → HTML 모드 전환 → [<figure class="ad-wp"] 로 시작하는 부분 복사 후 본문 내 원하는 위치에 붙여 넣기 반복

해당 방법으로 본문 내 광고를 진행하시면 포스팅을 수정하는 경우에도 광고가 틀어짐 없이 송출됩니다.

티스토리-본문-광고

티스토리-본문-광고코드-HTML

반응형

4. 본문 최상단, 최하단 수동 광고 넣기_디스플레이 광고

이전 글에서 생성했던 디스플레이 광고 코드가 필요하오니 미리 복사해놓으시길 바랍니다.

티스토리 [관리] → 꾸미기 [스킨 편집] → [html 편집] → <div class="entry-content"> 찾기

디스플레이광고-삽입위치

<div class="entry-content">
디스플레이 광고 코드 붙여넣기 1

디스플레이 광고 코드 붙여넣기 2
</div>

해당 위치에 디스플레이 광고 코드를 붙여 넣으면 됩니다.

본문 내 광고를 제외하고는 한 번만 시간을 들여서 세팅해 놓으면 되니 세팅해보시길 바랍니다.

반응형

> 티스토리 관련 참고글

티스토리 애드센스 광고 자동, 수동 하이브리드 운영법

수익형 블로그 운영을 위한 티스토리 초간단 세팅법

디스플레이 광고 코드 붙여넣기 2
</div>

해당 위치에 디스플레이 광고 코드를 붙여 넣으면 됩니다.

본문 내 광고를 제외하고는 한 번만 시간을 들여서 세팅해 놓으면 되니 세팅해보시길 바랍니다.

> 티스토리 관련 참고글

티스토리 애드센스 광고 자동, 수동 하이브리드 운영법

수익형 블로그 운영을 위한 티스토리 초간단 세팅법

저작자표시 비영리 변경금지

'Rich Bom > 블로그, 티스토리 공부' 카테고리의 다른 글

네이버 서치어드바이저 등록을 통한 티스토리 블로그 노출하기, 웹마스터 도구 등록 방법 (0)	2022.09.19
블로그 키워드 검색량 조회 후 고수익 창출하기 - 구글 애드센스 (0)	2022.09.13
티스토리 애드센스 광고 자동, 수동 하이브리드 운영법 (3)	2022.09.05
수익형 블로그 운영을 위한 티스토리 초간단 세팅법 (0)	2022.09.02
블로그 주제 쉽게 정해보기(키워드별 정리) (0)	2022.08.01

봄로그 HAPPY BOM

티스토리 애드센스 광고 자동, 수동 동시 송출 방법

애드센스 수동 광고 진행 부분

1. 목록 중간 인피드 광고 수동 넣기_헤드

2. 목록 중간 인피드 광고 수동 넣기_인덱스

3. 본문 중간 자동 광고 수동으로 반복하기

4. 본문 최상단, 최하단 수동 광고 넣기_디스플레이 광고

애드센스 수동 광고 진행 부분

1. 목록 중간 인피드 광고 수동 넣기_헤드

2. 목록 중간 인피드 광고 수동 넣기_인덱스

3. 본문 중간 자동 광고 수동으로 반복하기

4. 본문 최상단, 최하단 수동 광고 넣기_디스플레이 광고

'Rich Bom > 블로그, 티스토리 공부' 카테고리의 다른 글

댓글

티스토리툴바

티스토리 애드센스 광고 자동, 수동 동시 송출 방법

애드센스 수동 광고 진행 부분

1. 목록 중간 인피드 광고 수동 넣기_헤드

2. 목록 중간 인피드 광고 수동 넣기_인덱스

3. 본문 중간 자동 광고 수동으로 반복하기

4. 본문 최상단, 최하단 수동 광고 넣기_디스플레이 광고

애드센스 수동 광고 진행 부분

1. 목록 중간 인피드 광고 수동 넣기_헤드

2. 목록 중간 인피드 광고 수동 넣기_인덱스

3. 본문 중간 자동 광고 수동으로 반복하기

4. 본문 최상단, 최하단 수동 광고 넣기_디스플레이 광고

'Rich Bom > 블로그, 티스토리 공부' 카테고리의 다른 글

관련글

댓글

티스토리툴바