Notice
Recent Posts
Recent Comments
Link
- 04. 스트라베이스 블로그
- 전세계 인터넷 이용자 통계
- 주요지수차트전광판
- 05. 아틀라스 리서치
- 전세계 웹사이트 통계
- 전세계 웹기획자 사용 웹브라우저 통계
- 전세계 API 이용 통계
- 전세계 매쉬업 이용 통계
- 글로벌 500 (2009) - 포츈
- 국내 매출액 1000대 기업
- 인터브랜드 100
- Adyam
- ad.ly
- sponsoredtweets
- magpie
- 온라인 이미지 편집 pixlr.com
- 온라인 영상 편집 flaon.com
- 온라인 바탕화면 캡쳐
- 온라인 화면캡쳐 .screentoaster
- 애드센스 블로그
- Social Media & Social Marketin…
- Social Media & Social Marketin…
- 글로벌 500 (2010) - 포춘
- 02. Digital X
- 01. 제레미의 TV 2.0 이야기
- 03. 모비즌
Internet Media Trend
티스토리 블로그에 애드센스 코드 붙이기 본문
티스토리 블로그에 애드센스 코드를 붙이려면 먼저 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>
물론, 위 소스는 제 아이디로 되어 있으니, 각자의 소스를 받아야 합니다.
위치는 바로 아래의 다음 주석(<!-- 태그트레일 -->) 앞에 붙여 주시면 됩니다.
'블로그만들기' 카테고리의 다른 글
블로그에 애드센스 붙여서 사이드잡 만들기 (1) | 2010.09.18 |
---|