티스토리 북클럽, 본문 상단 광고 2개 띄우기

티스토리 북클럽, 본문 상단 광고 2개 띄우기

안녕하세요, 견습생L입니다.

오늘은 티스토리 이웃분들이 좋아하실 방법 중 하나를 알려드리려 합니다.

최근 제 블로그 게시물을 PC로 확인하신 분들은 눈치채셨는지 모르겠지만,
구글 애드센스의 상단 광고를 2개 노출하고 있습니다.

자리도 적게 차지하면서 노출도 두 배가 되는 방법 한번 알아볼까요?
(북클럽 스킨을 기준으로 설명드립니다.)

 

애드센스 광고 만들기

관련 광고를 우선 만들어서 적용해 봅시다. 
두 광고가 동일한 코드여도 상관은 없지만, 다른 코드라면 더 좋겠죠?

우선 에드센스로 이동합니다. 

 

1. 광고 > 광고 단위 기준 > 디스플레이 광고를 선택합니다. 

2. 광고 단위 이름을 입력 > 사각형 > 광고크기는 반응형으로 선택합니다.

3. 광고 단위 코드에서 자신의 코드 번호를 적어둡니다.
(Client 코드와 Slot 코드 두 개를 메모장에 복사해 두면 좋겠죠?)

 

 HTML 광고 코드 수정

아래 광고 코드를 다운로드합니다.

티스토리 본문 상단 광고 2개 HTML 코드_공유용.txt

0.00MB

위 파일을 열고 붉은 부분에 자신의 애드센스 광고 Client 코드와 slot 코드들을 입력해 줍니다.
두 개를 별도로 생성하셔서 위와 아래 두 개로 등록해 주시면 더 좋습니다.

변경한 후 해당 텍스트를 복사해서 사용할 거예요. 혹시 모르니 저장해 둡니다. 

 

HTML 광고 코드 추가

수정해 둔 코드를 이제 스킨에 적용합니다.

1. 관리페이지로 이동 > 꾸미기 > 스킨 편집 > HTML 편집 버튼 클릭

 

2. 상단의 HTML 탭 > 코드 검색 (컨트롤 F 버튼을 눌러서 3번째로 나온 코드를 찾습니다.)

<div class="entry-content" id="article-view">

 

3. 수정한 코드를 찾은 코드 아래 붙여 넣습니다.

4. 모두 적용 후 적용 버튼을 꼭 눌러줍니다.

5. 정상으로 노출되는지 확인합니다.

※ 참고로 모바일은 1개만 노출되니, 꼭 PC로 확인해 보세요.

 

마무리

정상 적용 된 부분 확인 되었다면, 이제 별도 코드 추가 없이 게시물 보실 때 확인하실 수 있어요.

광고물량이 즉시 적용 안될 수 있으니, 꼭 여러 번 페이지 새로고침을 하시기 바랍니다.
(물량이 부족하면 가끔 한개가 뜨기도 합니다)

그럼 오늘도 행복한 하루 되세요! 견습생L 이었습니다.