티스토리 블로그 본문 상/하단에 구글 애드센스 광고 달기

 

 

 

 

티스토리 블로그를 하시는 이유는, 물론 그 Open 소스에 대한 자유로움도 있겠지만, 사실 애드센스를 달 수 있기 때문에 하시는 분들이 많은 것도 사실이죠.

요 멘트는 쭈니루님이 하신 말씀인데, 저도 100% 공감합니다.

왜냐하면 네이버 메일을 사용하고 있던터라 네이버 블로그를 처음 시작했지만

애드센스를 알게된 이후 네이버 블로그에는 광고를 삽입하려면 네이버에서 승인된 절차가 아닌 다른 루트를 통해 애드센스를 달 수 있다고 알려졌기 때문에 티스토리로 이사를 왔던 거기도 하거든요.

그래서 티스토리를 시작하고 애드센스를 다는 방법을 찾아 보던 중 쭈니루님께서 포스팅한 내용을 보고 저도 어엿한 애드센스 광고주(?)가 되어 이렇게 광고를 시작했고, 그 포스팅을 다른분들도 널리 보실 수 있었으면 좋겠다 싶어 이렇게 퍼와서 옮겨 봅니다.

 

 

 

애드센스 상단 좌측의 [내광고] 탭을 들어가, 

이미 광고가 있으신 분들은 광고이름 하단의 [코드 가져오기]를 클릭하시면 되구요. 

광고가 없으시다면 [+ 새광고단위] 버튼을 클릭하여 광고를 생성하시면 됩니다. 

 

 

 

 

위 그림에 드래그 된 부분의 광고를 복사하셔서, 

잠깐 다른 곳에 붙여 넣으셔도 되구요. 아니면 그냥 아래를 먼저 진행하신 다음, 

복사를 하셔도 됩니다.

 

이제 티스토리 블로그의 관리화면으로 들어 갑니다. 

좌측의 [HML/CSS 편집] 을 클릭합니다..

 

 

 

Ctrl 키와 F 키를 함께 누르면 화면 위쪽에 (IE의 경우 좌측, 크롬의 경우 우측) 

검색을 할 수 있는 찾기 창이 열립니다.

 

 

 

그 찾기 창에  "##_article_rep_desc_##"  를 입력하여 찾기를 실행합니다.

그러면 skin.html 영역에 ##_article_rep_desc_## 라는 글자가 찾아질 겁니다.

 

 

 

 

 ##_article_rep_desc_##  영역이 본문이 나타나는 영역이라고 생각하시면 됩니다. 

이 글자 바로 위에 광고 코드를 넣으면 본문 상단에, 

바로 아래에 넣으면 본문 하단에 광고가 나타나게 됩니다.

 

당연히 상/하단 모두 삽입이 가능합니다. 

단 주의하실 점은, 상하단을 동일한 스크립트를 넣으면, 동일한 광고가 나타나게 되므로, 

상단용과 하단용 광고 스크립트를 따로 생성해서 넣으시는 것이 좋습니다.

 
팁을 하나 드리자면, 저는 ##_article_rep_desc_## 위아래에...

 

<!-- 본문 상단 광고 시작--> <!-- 본문 상단 광고 종료--> [ ##_article_rep_desc_## ] <!-- 본문 하단 광고 시작--> <!-- 본문 하단 광고 종료-->

 

이렇게 주석을 해서 넣어 둡니다.

 <!-- -->  이 안에 들어가는 글자는 주석처리가 된 것으로써 프로그램에 어떠한 영향도 주지 않습니다. 뭔가 필요한 정보가 있으면, 이 주석 표시를 이용하시면 됩니다.

 

[ ##_article_rep_desc_## ] <!-- 본문 하단 광고 시작--> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 본문하단3 --> <ins class="adsbygoogle"      style="display:inline-block;width:336px;height:280px"      data-ad-client="ca-pub-1570340000000000"      data-ad-slot="0000000000"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- 본문 하단 광고 종료-->

 

요렇게 저 위에서 복사해 놓았던 광고 코드를 삽입하고 저장하면, 

짠~ 하고 광고가 나타나게 됩니다.

 

 

 

 

팁 하나 더, 광고를 화면의 가운데에 오게 하실려면....

삽입한 광고 코드 바로 위에  <P align = center>  를 입력하시면 됩니다.

 

[ ##_article_rep_desc_## ] <!-- 본문 하단 광고 시작--> <P align = "center"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 본문하단3 --> <ins class="adsbygoogle"      style="display:inline-block;width:336px;height:280px"      data-ad-client="ca-pub-1570340000000000"      data-ad-slot="0000000000"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- 본문 하단 광고 종료-->

 

 

 

 

본 글은 티스토리 블로그에 애드센스를 달면서 참고했던 쭈니루 님의 블로그 내용으로

정리가 잘 된 내용이라 쭈니루님 블로그에 퍼온다는 내용을 남기고 퍼왔습니다.

[출처] http://blog.naver.com/thdian78/220134858139