티스토리 블로그 그 어려운 인피드 광고 설정 방법입니다~
먼저 인피드 광고는 뭘까요?
인피드는 사이트에서 수익을 창출하고 방문자에게 더 나은 사용자 환경을 제공하기 위해 피드 내에 게재하는 형식입니다. 일반적으로 인피드 광고는 피드 콘텐츠 사이나 피드가 시작되는 부분 또는 끝나는 부분에 삽입됩니다. 그럼 피드는 뭘까요?
피드는 스트리밍 형태로 제공되고 스크롤해서 볼 수 있는 콘텐츠입니다. 피드에서는 콘텐츠가 비슷하게 생긴 블록의 집합처럼 표시됩니다. 피드의 종류로는 편집 피드(예: 기사나 뉴스 목록), 목록 피드(예: 상품, 서비스 등의 목록) 등이 있습니다. 피드는 페이지에서 어디에나 표시될 수 있습니다.
- 홈페이지에 표시되는 기본 피드(예: 뉴스 피드)
- 제품 또는 서비스 결과 페이지에 표시되는 기본 피드
- 페이지에 표시되는 가로형 피드
- 텍스트형 피드
인피드 광고의 장점
1. 사용자 환경 개선: 인피드 광고는 방문자에게 더 나은 사용자 환경을 제공합니다. 인피드 광고가 사용자 흐름의 일부이며 사이트의 디자인과 자연스럽게 어울립니다.
2. 새로운 광고 공간에서 수익 창출: 인피드 광고는 피드라는 새로운 공간에 게재되는 광고이므로 수익 창출의 기회를 넓혀줍니다.
3. 모바일에 최적화된 형식: 인피드 광고는 휴대기기에 최적화된 광고이므로 휴대기기의 작은 화면에서 수익을 창출하려는 게시자에게 적합합니다.
모바일에 최적화된 수익창출! 빨리 등록해야겠네요!
네 이제 광고 만들러 애드센스로 갑니다~
구글 애드센스 → 광고 → 광고단위기준 → 인피드광고 선택합니다.
두 가지 방법이 있는데 위 구글 시스템에서 추천하는 스타일 확인, 권장하는 방법입니다. 나의 티스토리 블로그 URL을 입력합니다. 데스크탑으로 선택하고 페이지 스캔하기 클릭합니다.
금방 나의 페이지를 스캔합니다.
Google 시스템이 사이트에서 찾은 첫 번째 피드의 두 번째 피드 항목을 기반으로 인피드 광고를 만들어 줍니다.
다음 클릭합니다.
광고 단위 이름을 입력합니다.
*인피드 광고 단위의 이름 앞에 '네이티브' 또는 비슷한 문구를 넣어서 쉽게 광고 단위의 실적을 추척할 수 있도록 하는 것이 좋습니다.
네이티브 광고니까 입력해주겠습니다.
전체 옵션에서 선택한 디스플레이 광고 허용을 체크, 활성화해줍니다. 수익을 높이는 데 도움이 됩니다.
아래 다른 사항들은 콘텐츠에 맞춰 수정해주시고 저장 및 코드 생성을 클릭합니다.
인피드 광고 삽입 마지막 단계가 관건입니다. 여기서 여러번 실패를 맛보았습니다.
코드를 복사하기 합니다.
티스토리 블로그 인피드 광고 삽입하기
나의 티스토리 블로그 관리 페이지에서 꾸미기 → 스킨편집을 클릭합니다.
스킨 편집에서 HTML 편집을 클릭합니다.
<!-- 인피드_코드1 -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><script> var InfeedCount = 0; </script>
인피드 코드1을 복사해서 그대로 <head></head> 사이에 붙여 넣기 합니다.
<!-- 인피드_코드2 -->
<script> InfeedCount ++;if ( InfeedCount % 3 == 2 ) {document.write('<ins class="adsbygoogle" style="display:block;" data-ad-format="fluid" data-ad-layout-key="ㅁ" data-ad-client="ㅁ" data-ad-slot="ㅁ"></ins>'); (adsbygoogle = window.adsbygoogle || []).push({}); } </script>
위 인피드 코드2를 복사합니다.
세 가지를 수정해야 합니다.
<ins class="adsbygoogle" style="display:block; margin-bottom:28px;" data-ad-format="fluid" data-ad-layout-key="ㅁ" data-ad-client="ㅁ" data-ad-slot="ㅁ"></ins>
본인의 구글 애드센스에서 만든 인피드 광고 코드에서 빨간 내용 부분을 복사하여 수정합니다.
InfeedCount % 3 == 2 에서 3은 세 번째 피드 콘텐츠마다 광고를 보여주겠다입니다.
2는 시작 위치를 나타냅니다.
원하시는 대로 수정하여 적용하면 됩니다.
수정한 script 내용을 복사해서 나의 카테고리 HTML 소스를 찾아서 그 끝에 붙여넣기를 해야 합니다.
여기서 주의할 점! 스킨마다 소스가 다르기 때문에 위 이미지처럼 </s_list_rep>을 찾으시면 안 됩니다.
저는 반응형 Odyssey 스킨을 사용하였습니다. 저와 같은 스킨을 사용하시면 180줄에 붙여넣기하여 우측 상단 적용을 클릭하면 광고가 적용됩니다.
절대 다른 사람의 소스와 똑같지 않으니 소스 중 주석에 <!-- s_list / 카테고리, 검색 리스트 --> 이렇게 카테고리, 리스트 내용을 찾아보시는 것도 팁입니다.
인피드 광고가 2번째부터 시작하여 3개씩 마다 나오고 있습니다.
오예 드디어 등록 완료했습니다!
참고하셔서 빨리 등록하시고 수익 얻으시길 바랍니다~
'New 정보 > 수익형블로그' 카테고리의 다른 글
| 앱테크 사진으로 돈 버는 방법 (0) | 2021.01.29 |
|---|---|
| 티스토리 블로그 사이드바에 플러그인 쿠팡 배너 넣는 방법 (0) | 2021.01.22 |
| [구글 애드센스] 티스토리 블로그 콘텐츠 자동 광고 설정 방법 - 서식관리 (2021.1.19) (0) | 2021.01.19 |
| 티스토리 블로그 구글 애드센스 승인 후기 - 광고 설정하기 (2) | 2021.01.16 |
| 혼자서 만드는 PDF 전자책으로 돈벌기 - 전자책 제작 프로그 캘리버 calibre (3) | 2021.01.11 |
댓글