티스토리 블로그에 애드센스 코드 붙이기

티스토리 블로그에 애드센스 코드를 붙이려면 먼저 ADMIN에 들어가서

스킨메뉴 아래의 HTML/CSS 편집을 하면 됩니다.

ADMIN > 스킨 > HTML/CSS 편집

구글 광고를 탑재하기 전에 먼저, 구글이 제공하는 트래픽 분석 서비스인 구글 Anaytics를 가입하여 해당 코드를 받아서 소스코드에 넣어주는 것이 좋습니다.

애널리틱스 소스코드는 이런 형태입니다.

<!-- GoogleAnalytics -->

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

try {

var pageTracker = _gat._getTracker("UA-10893246-1");

pageTracker._trackPageview();

} catch(err) {}</script>

이 코드는 소스코드의 맨 앞에 넣어주게 됩니다.

그리고 애드센스 코드는 광고를 삽입할 위치를 결정해야 하는데, 제 경우엔 보통 포스트의 앞이나 뒤에 게시합니다.

티스토리의 본문 내용의 코드는 다음과 같습니다.

<!-- 포스트 본문 내용 -->

<div class="article">

'[ ##_article_rep_desc_##]'

</div><!-- close article -->

<div class="clear"></div>

이 중에서 특히 "##_article_rep_desc_##" 이 부분이 본문 내용에 대한 치환자입니다.

그러므로 포스트 내용의 앞 뒤에 무언가 다른 컴포넌트를 삽입하고 싶다면 이 치환자의 앞 뒤에 배치하면 됩니다.

본문 아래에 요즘 화두가 되었던 소셜 답글을 달고 싶다면 관련 소스를 넣어주어야 합니다.

제 경우엔 Disqus(http://disqus.com/) 서비스를 이용하는데, 관련 소스는 아래와 같습니다.

<!-- disqus -->

<div><div id="disqus_thread"></div>

<script type="text/javascript">

  /**

    * var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread] 

    */

  (function() {

   var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;

   dsq.src = 'http://internetmediatrend.disqus.com/embed.js';

   (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);

  })();

</script>

<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript=internetmediatrend">comments powered by Disqus.</a></noscript>

<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>

</div>

물론, 위 소스는 제 아이디로 되어 있으니, 각자의 소스를 받아야 합니다.

위치는 바로 아래의 다음 주석(<!-- 태그트레일 -->) 앞에 붙여 주시면 됩니다.