오늘은 티스토리 북클럽스킨에서 2개의 상단광고를 넣는 방법을 알아보겠습니다. 아울러 이 2개의 상단광고를 카카오 자체광고 보다 상단에 배치하는 법을 알아보겠습니다. 상단 광고를 두 개 넣는 건 PC에서는 가능하지만, 모바일에서는 위반사항이기 때문에 이에 대한 조치도 같이 취하도록 하겠습니다.
애드센스 디스플레이 광고 만들기
먼저 애드센스 에서 디스플레이 광고를 만들어야 합니다.
1. 아래 버튼을 눌러 애드센스에 들어갑니다.
2. 광고 > 광고단위기준 > 디스플레이광고로 들어갑니다.
3. 사각형 > 광고단위이름은 아무것이나 적어줍니다 > 광고크기 반응형 > 만들기
4. A 부분의 pub 코드와 B부분의 광고코드를 잘 기억해 놓아야 합니다. 메모장등에 A와 B각각 복사하여, 붙여넣어둡니다. 하단의 완료를 눌러 광고를 완성합니다.
티스토리에 가서 상단광고 끄기
티스토리로 가서 상단광고를 반드시 끄셔야 합니다. 상단광고를 키면 위에서 언급한 것처럼 모바일에 2개의 광고가 송출되 에드센스 정책 위반으로, 광고게재를 못하실 수도 있으니, "반드시" 본문상단광고를 꺼주셔야 합니다.
광고코드 티스토리 HTML에 넣기
1. 아래의 파일을 다운로드하여, 바로 위에서 메모장에 넣어둔 자신의 A코드 (pub 코드)를 빨간색 네모 안에 각각 집어넣고 , B코드 (광고코드)를 파란색 네모 안에 집어넣습니다. (제가 임의로 쓴 "AAAAA" "BBBBB"는 삭제합니다. ) 아래 보시는 것처럼 총 4곳에 있으므로 4곳 모두 자신의 코드로 교체하셔야 합니다.
2. ★여기가 가장 중요합니다.
티스토리 스킨편집에 들어갑니다. Ctrl + F를 눌러 article_rep_desc 를 타이핑하여, 찾아 줍니다. 2개가 나올 것입니다.바로 위에 <div class="entry-content"> 가 보이는데, 이 위에 광고 코드를 넣어줍니다. 이 위치에 넣어주면 항상 티스토리 자체 광고 보다 상단에 광고가 노출되게 됩니다. 해당 위치는 앞서 말한 것처럼 총 2곳이 있는데, 2곳 모두 넣어줍니다. (전 한 곳만 넣었을 때 광고가 안 나왔습니다.)
3. 이후 상단의 적용을 누르면 아래와 같이 상단 더블 광고가 송출됩니다. 수고하셨습니다.
글을 마치며
사실 이 상단더블광고는 구글서치코솔에서 제 사이트가 느리다고 진단하여, 기존에 쓰던 광고를 바꾸고, 적당한 광고가 없는지 찾아보는 과정 속에서 알게 되었습니다. 요즘 블로그 내의 광고 배치와 설정으로 전공자도 아닌 제가 스스로 꽤나 고생을 하고 검색과 여러방법을 통해 거의 발악에 가까운 모든 방법을 다 써보고 있습니다. 이런 과정속에서 알게 되는것을 많은 분께 공유하고 싶습니다.
또 하나 바람이 있다면 이런 저의 고생 속에서 다만 제 블로그가 조금씩 발전된 모습이 되길 바랄 뿐입니다.
'내가 공부하는 세상 > 블로그' 카테고리의 다른 글
| 티스토리 월 10만원 달성 (1) | 2024.03.01 |
|---|---|
| 블로그 포스팅을 한다는것 (7) | 2024.01.22 |
| 구글서치콘솔 코어웹바이탈 CLS 속도 문제 해결 (0) | 2024.01.12 |
| 애드센스 지급정보 계좌만들기 (우리 크리에이트 vs SC 제일 외화통장) (1) | 2024.01.02 |
| 초등학생도 할수 있는 티스토리 버튼 만들기 (3) | 2023.12.30 |
