데이블 광고 위젯 설치를 티스토리에 적용

데이블 광고를 신청하고 나니 정말로 메일에 답변이 도착했어요.  설명대로 해보지만 왜이리 쉽게 하기가 어려운지...

필자와 같이 헤매는 분들이 계실까봐 좀 더 쉽게 설명을 해보도록 할게요.

 

먼저 데이블 위젯 신청글을 먼저 보시고, 데이블을 신청해 주세요.

 

 

구글 애드센스 일치하는 광고와 데이블 위젯

 

 

  데이블 광고 위젯 설치를 티스토리에 적용해 보자.

 

애드센스 광고를 달아봤기 때문에 어렵다고 생각지 않고 할 수 있으실 텐데요.

"중간에 뭔 소리지?" 했었는데, 다시 읽고 따라하니 알겠더라고요.

 

 

제 메일로 온 내용인데요.

 

2. 데이블 대시보드 계정에 아이디와 비밀번호 아래 url로 들어가 주세요.

 

아이디와 비밀번호를 입력하라고 나오는데, 메일에 있는 내용을 적어 주시면 됩니다.

 

 

필자의 블로그는 티스토리 반응형므로 티스토리 가이드라인에 들어가 티스토리 반응형을 선택해

거기에 나와 있는대로 해주시면 됩니다.

 

세팅을 한다고 해서 바로 삽입이 되지 않는다는 점 알고 계세요.

승인 진행과정이라 일주일정도 걸린다고 합니다.

 

 

 

가이드에 나온 내용입니다.

뭔가 복잡해 보이지만, 해보면 절대 어렵지 않은 부분이랍니다.

 

1이라고 써진 태그들을 티스토리에 적용만 하면 됩니다.

 

 

 

티스토리의 스킨에서 html/css로 들어가 주세요.

애드센스 코드 넣는 법 아시죠?

 

ctrl+f를 하셔서 s_article_rep를 입력해 검색을 하면

나온 부분에 meta내용을 붙여주시면 됩니다.

 

 

 

다음으로는 스크립트 삽입하기입니다.

플러그인에서 설정하는 건데요.

 

이것 또한 애드센스 광고 코드를 넣을 때 해보셔서 다 아시리라 믿어요.

 

 

반응형 스킨이므로 애드센스도 반응형 플러그인을 적용하면 됩니다.

광고 2(하단)를 선택해서 넣어주시면 됩니다.

 

<script src="//static. dable.io/dist/tistory.min.js" defer> </script>

<!--데이블 추천 위젯 스크립트--!> -> 메일로 온 코드를 넣어주시면 됩니다.

 

                                      <div id="                               "                                 ">
                                      <script>                                                                        
                                      </script>                                                                       
                                      </div>                                                                            

 

 

애드센스 광고를 플러그인에서 적용하시는 분들 그럼 애드센스 광고 적용한 건 어떻게 되는 거지 하고 걱정하실 수 있는데,

기존 애드센스 광고에는 영향을 끼치지 않는답니다.

 

줄 간격을 좀 두시고, 태그를 붙여 넣은 후 저장하면 완료가 되었습니다.

어렵지 않게 따라오셨나요?

그렇다면 적용이 잘되었는지 확인이 필요하겠지요? 

 

 

위 내용 중 url 디버거 툴을 클릭해 주세요.

 

 

위에 url을 입력하시면 그와 일치하는 내용이 나옵니다.

그럼 잘 적용이 되었다는 것이지요.

 

티스토리 주소만 적는 것이 아니라 한 가지 콘텐츠(포스팅 글) 주소를 넣어주세요.

 

 

 

 

데이블로 다시 돌아와 비밀번호를 변경하실 건데요.

 

설정 - 사용자 환경설정 - 개인정보 변경

메일로 온 비밀번호를 적고 확인을 눌러 주세요.

 

 

사용자 환경설정이란 창이 뜨면 개인 정보를 입력하여 수정하시면 됩니다.

이제 데이블 광고 위젯 설치의 모든 과정이 끝이 났습니다.

 

중간에 잠깐 헤매긴 했지만, 다하고 나니 어렵지 않다는 것을 알게 되었네요.

이제 일주일 정도 기다려 보시면 블로그에 적용이 된 모습을 보실 수 있겠죠?

기대가 됩니다.  어떤 모습일지...