블로그 수익을 위해서 애드센스를 승인받고 광고를 송출하고 있다면 애드센스 광고 중에서 전면광고가 발생되는 조건을 알고 계신가요?
애드센스 전면광고가 발생되는 조건은 여러 가지 있는데 이번 포스팅에서는 전면광고가 발생되는 조건을 알아보고 블로그에 사용되는 링크를 현재창으로 바꿔주는 자바 스크립트 코드를 배포해 드리겠습니다.
현재 보고 계신 블로그 페이지처럼 블로그 운영자가 설정한 광고와 티스토리 측에서 추가한 광고보다 위에서 송출되고 광고 간의 거리를 두고 싶은 분은 아래에 링크되어 있는 포스팅을 참고해 주세요.
✔ 티스토리 광고보다 위에 광고를 송출하고 광고 간의 거리를 두는 방법 ✔
애드센스 전면광고
애드센스를 통해서 광고 수익을 기대하고 있다면 애드센스 광고 중에서 가장 높은 수익을 발생시키는 광고는 무엇일까요?
전면광고와 블로그 상단에 노출시키는 광고가 광고 단가, 클릭률이 높으며, 애드센스 전면광고는 아래와 같은 상황에서 발생합니다.
- 블로그에 추가되어 있는 링크(현재창으로 열기) 클릭 시
- 블로그에 첨부되어 있는 파일을 다운로드하기 위해 클릭 시
링크를 현재창으로 열기 하는 방법
다른 페이지 또는 다른 웹 사이트로 이동시키는 링크를 추가하는 방법은 아래와 같이 5가지 형태로 구분할 수 있습니다.
주의사항 : 전면광고를 위해서 링크를 현재창으로 열기를 하는 경우 외부 링크의 경우 블로그의 체류시간을 단축시키고, 블로그 평판을 해당 링크에 일부 넘겨준다는 점을 반드시 알고 있어야 합니다.
- 본문 내용 중에 연관되는 단어 또는 문장에 링크를 추가
- CSS 버튼을 이용해서 링크를 추가
- 이미지를 이용해서 링크를 추가
- 티스토리 블로그의 경우에는 이전 발행 글 넣기
- 미리보기가 가능한 링크 배너 추가
미리보기가 가능한 링크 배너를 제외한 4가지 형태는 링크를 추가하면서 에디터 창에서 "새창으로 열기" 옵션에 체크를 해제하시면 "현재창으로 열기"로 변경이 가능합니다.
티스토리 블로그 에디터에서 "이전 발행 글 넣기"를 통해서 추가된 링크의 경우 에디터 창에서 "현재 창으로 열기"로 변경은 되지만 rel="noopener" 속성은 그대로 남아 있습니다.
티스토리 블로그의 경우에는 아래의 그림처럼 이동하려는 주소를 직접 입력하거나, 이전 발행 글 넣기 등을 활용해서 미리보기가 가능한 링크 배너를 추가한 경우에는 기본적으로 [새창으로 열기(target="_blank")] 옵션과 rel="noopener" 속성이 추가되어 있습니다.
이 옵션들은 HTML 편집에서 target="_blank" rel="noopener"를 제거하면 현재창으로 열기로 변경됩니다.
링크를 현재창으로 열기 해주는 자바스크립트 코드 배포
애드센스 전면광고를 위해서 링크를 전체적으로 수정하는 것은 시간이 너무 많이 걸리는 일입니다.
아래에 첨부되어 있는 자바스크립트 코드를 HTML 편집 <head> </head> 사이에 추가하면 기존 블로그에 추가되어 있는 링크를 일일이 수정할 필요 없이 모두 현재창으로 열게 만들 수 있습니다.
맺음말
이것으로 애드센스 전면광고를 발생시킬 수 있는 조건과 링크를 현재창으로 열기 설정하는 방법 그리고 기존에 추가되어 있는 링크를 현재창으로 열기 해주는 자바스크립트 코드 배포하는 포스팅을 마무리하겠습니다.
부족한 글이지만 끝까지 읽어주셔서 감사합니다. 다음에는 더 좋은 내용으로 뵙겠습니다.
출처 및 저작권 표시
자료 출처
저작권 표시
썸네일 디자인 : 미리캔버스에서 제작되었습니다.
본문 글꼴(폰트) : Google Noto Sans Korean - OFL(Open Font Licese)
'블로그' 카테고리의 다른 글
| 티스토리 반응형 CSS 버튼 - 데스크탑 2개의 버튼 좌우 배치, 모바일 2개의 버튼 상하 배치 (0) | 2024.08.27 |
|---|---|
| 검색 잘되는 키워드 선택하는 3가지 방법 - 수익형 블로그 기본상식 (0) | 2023.10.07 |
| 티스토리 블로그 미넴 스킨 썸네일 포스팅 본문에 자동 출력 설정 (0) | 2023.09.10 |
| 미넴스킨 카카오톡 네이버 카페 밴드 공유 버튼 추가 3단계 (0) | 2023.09.05 |
| 미넴스킨 본문 링크 스타일 변경 및 CSS 버튼 추가 (0) | 2023.08.27 |
댓글