티스토리 상단광고 2개 설정 방법

티스토리 상단광고 2개 설정 방법에 대해 알아보겠습니다. 기본적으로 티스토리는 1개의 광고만 넣을 수 있습니다. 하지만 간단한 편집을 통해 상단에 광고를 2개 넣는 방법에 대해 알아보겠습니다. 해당 방법은 카카오 광고보다 상단에 배치하는 방법으로 티스토리를 운영하는 분들에게 큰 도움이 될 것입니다.

 

1. 애드센스 디스플레이 광고 생성

 

티스토리 상단광고 2개 설정을 위해서 가장 먼저 해야할 것은 애드센스 디스플레이 광고를 2개 생성하는 것입니다.

 

1. 애드센스 들어가기

디스플레이 광고를 만들기 위해 애드센스에 접속합니다.

 

애드센스 바로 가기

 

2. 광고 > 광고 단위 기준 > 디스플레이 광고 클릭

애드센스 디스플레이 광고 생성

 

3. 사각형 > 광고 단위의 이름 > 광고 크기 > 만들기 클릭

애드센스 디스플레이 광고 생성

광고 단위의 이름은 본인이 기억하기 쉽게 정하시면 됩니다. 하지만 다른 부분은 그림대로 사각형, 반응형으로 해주시기 바랍니다.

 

4. PUB 코드와 SLOT 코드 기록하기

애드센스 디스플레이 광고 생성

 

티스토리 상단광고 2개 설정을 위해 굉장히 중요한 부분입니다. 디스플레이 광고를 생성하면 PUB코드와 SLOT코드가 각각 생성됩니다. 2개 디스플레이 광고의 PUB 코드는 같고, SLOT코드가 다릅니다. 1개의 PUB코드, 2개의 SLOT코드를 확인 하시면 됩니다. 메모장을 켜신 후 각각의 광고 단위 코드를 붙여넣기 해줍니다. 

 

2. 티스토리 상단 광고 끄기

티스토리 상단광고 2개 설정을 위해서는 티스토리 상단 광고를 끄셔야 합니다.

티스토리 상단 광고 끄기

 

티스토리 관리자 페이지에 들어간 후 애드센스 관리에서 본문 상단의 설정을 꺼주시기 바랍니다.

 

3. HTML에 광고 코드 넣기

티스토리 상단광고 2개 설정을 위한 마지막 단계입니다. 제일 중요한 부분이니 주의깊게 살펴보시기 발바니다.

1. HTML 코드 생성

아래의 파일을 다운로드 한 후 "ca-pub-애드센스 펍 코드 16자리 적용" 부분과 "첫번째 디스플레이 광고 10자리", "두번째 디스플레이 광고 10자리"에 아까 만들었던 PUB코드와 SLOT코드를 각각 입력해줍니다. 

 

본문상단 2개 광고 코드.txt

0.00MB

 

 

 

HTML 코드 생성

 

2. HTML 편집하기(article_rep_desc)

티스토리 스킨 편집 > HTML 편집에 들어간 후 Ctrl + F를 눌러 "article_rep_desc"를 검색합니다. "article_rep_desc"는 총2개가 있는데 2개 모두에 편집을 해줘야 정상적으로 상단광고 2개가 설정됩니다. "article_rep_desc" 바로 위에 <div class="entry-content">가 있습니다. 이 위에서 작성했던 코드를 그대로 붙여넣기 해주면 됩니다. 꼭 2개 모두 설정을 해주시기 바랍니다.

 

참고로 <div class="entry-content"> 위에 코드를 넣으면 상단광고 2개가, 아래에 코드를 넣으면 하단광고 2개가 설정됩니다. 하단광고 2개 설정도 원하시는 분은 동일한 방식으로 위치만 변경해서 설정하시기 바랍니다.

HTML 편집하기

4. 티스토리 상단광고 2개 완료

티스토리 상단광고 2개

티스토리 상단광고 2개 설정이 완료됐습니다. 바로 적용은 되지 않고 한 10분정도 지나면 정상적으로 광고 송출이 되니 잠시 기다리셨다가 확인하시면 되겠습니다.

 

함께 보면 좋은 글

티스토리 가비아 하위 도메인 연결 방법

티스토리 가비아 하위 도메인 연결 방법

 

참고

 - 이 글은 티스토리 정보 카테고리에 위치하고 있습니다. 티스토리 운영에 관한 글을 보시려면 아래를 확인하세요.

 - 쿠팡 어필리에이트로 인한 수익을 얻을 수 있습니다.

 

관련 글

 - 티스토리 가비아 하위 도메인 연결 방법