"IN" 안에 + "FEED" 피드
인피드 광고는 사이트 또는 블로그의 피드 내에 자연스럽게 게재되는 광고 형태 입니다.
아래 형태 처럼 글 목록 사이에 광고가 들어가기 때문에 클릭을 유도할 확률이 높아집니다.
광고 수익률을 올리기 위해서는 무조건 해야되는게 인피드 광고입니다!
난이도가 좀 있어서 제가 설명하는거 잘 따라 와 주시면 쉽게 하실 수 있을 거예요!
간단히 요약 하자면,
첫째, 구글애드센스에서 인피드 광고 HTML 코드를 생성한다.
둘째, 생성된 HTML 코드를 티스토리 스킨편집에 넣는다.
두 단계만 거치면 됩니다.
자 이제 시작하겠습니다.
"구글 애드센스(Google AdSence) 사이트 접속"
구글 애드센스 접속 후 로그인 > 광고 > 개요
광고 단위 기준 > 인피드 광고 선택
"인피드(모바일) 광고 생성"
피드가 있는 다른 페이지를 입력하세요. 선택 후
URL에 https:// 를 포함한 내 블로그 주소를 입력 합니다.
[모바일]
[Desktop]
두가지를 만드셔야되는데
먼저 모바일 버전부터 만들겠습니다.
[모바일] 선택 후 페이지스캔하기 클릭
"내 페이지에서 피드를 찾지 못했습니다." 에러 문구 발생 시 ↓맨 아래↓ 게시물을 확인해주세요
[필수] 오른쪽 상단에 광고 단위 이름을 넣으셔야 합니다.
예) 인피드광고(모바일)
다른건 일단 안건드려도 됩니다. 모바일에 들어갈 최적의 사이즈가 셋팅되있습니다.
나중에 글씨 크기나 폭 사진사이즈 수정이 가능하니
일단
[저장 및 코드생성]
클릭
HTML 인피드 광고 코드가 생성되었습니다.
코드 복사 후 메모장에 붙여넣기 하신 뒤 [완료]를 눌러주세요
소스 간략 설명
1. data-ad-layout-key : 인피드 광고의 스타일 코드 (스타일을 변경할 때 마다 변경 되는 코드)
2. data-ad-client : 자신의 애드센스 ID 코드 (바뀌지 않는 내 고유 번호)
3. data-ad-slot : 생성된 애드센스 코드 번호 (인피드 광고를 만들때마다 변경 되는 번호)
"인피드(Desktop) 광고 생성"
모바일과 동일합니다.
피드가 있는 다른 페이지를 입력하세요. 선택 후
URL에 https:// 를 포함한 내 블로그 주소를 입력 합니다.
선택 박스
[Desktop]
[모바일]
둘중에 Desktop을 선택 후 페이지를 스캔 해 줍니다.
[다음] 버튼 클릭
HTML 인피드 광고 코드가 생성되었습니다.
코드 복사 후 메모장에 붙여넣기 하신 뒤 [완료]를 눌러주세요
모바일과 다른점은 아마 data-ad-slot / layout-key 가 다를거예요
광고별로 고유코드가 있어야 광고 넣을 때 구분 지어 넣을 수 있습니다.
이렇게 모바일용 데스크탑용 인피드광고를 만들었으면
인피드 광고만들기는 완성하였습니다.
두번째 단계인 티스토리에 html에 넣어줘야합니다.
"티스토리 설정 변경"
꾸미기 > 스킨편집
티스토리 관리자 사이트 접속 > 꾸미기 > 스킨편집
html 편집 클릭
이게 메모장에 복사해둔 원본 코드예요 ★ 모양은 개인 고유 번호들이니까 각자 코드를 넣으시면 되구요
모바일 과 PC 버전 둘다 인피드광고를 글 목록(LIST) 중간중간에 넣을 위치를 각각 지정을 해줄거기 때문에 코드를 살짝 수정 하셔야 됩니다.
여기서 중요!
"첫째"
<head> </head> 사이에
위 코드를 똑같이 넣어주세요
"둘째"
</s_list_rep> 바로 앞에 위에코드를 넣어주세요 ( alt + F 로 검색)
* 스킨마다 인피드광고를 넣는 위치는 상이할 수 있습니다.
ex) </s_list_rep> , </s_index_article_rep>
변경사항 : InfeedCount 숫자 변경 및 점선네모에 각자 코드 입력
소스간략설명
1. window.innerWidth>=768 : 접속한 디바이스의 크기 (innerWidth 사이즈가 768 미만이면 모바일로 인식)
2. infeedCount % 4 == 1 : 목록당 광고 숫자 (위 예제는 목록 4개 당 광고 1개 삽입)
마지막 단계 [적용] 누르고 확인!
만약, 모바일 버전에 [목록n개당 광고n개 삽입] 적용이 안된다면
꾸미기 > 모바일
모바일 꾸미기 설정에서 티스토리 모바일웹 자동연결을 [사용하지 않습니다.] 로 설정 변경 후 확인 해보시기 바랍니다.
"인피드 광고 생성 오류해결"
저같은경우는 Desktop과 다르게 인피드광고 모바일 생성이 잘 안됐어요
"내 페이지에서 피드를 찾지 못했습니다."
내 페이지에 피드가 없거나 피드를 감지하지 못했습니다.
해결 시도방법
첫번째
여러 URL로 해봤지만 실패
두번쨰
될때 까지 계속 생성해봤지만 실패
세번째
다음날 생성하니까 바로 성공...
안되시는분들 하루있다가
다시 한번 생성해보세요!!
'# 블로그 관련글' 카테고리의 다른 글
| [티스토리 블로그] 네이버 서치어드바이저 등록하기 (0) | 2022.06.10 |
|---|---|
| [티스토리 블로그] 구글애드센스 멀티플렉스 광고 해제 방법 (0) | 2022.06.10 |
| 티스토리 블로그 저품질 확인방법 과 해결과정 (6) | 2022.06.10 |
| 티스토리 블로그 상단 제목 및 블로그 이름 글자 잘림 해결 방법 (오디세이스킨 ver.) (2) | 2021.06.18 |
| 구글애드센스 vs 카카오 에드핏 장단점 비교 (2) | 2021.02.10 |