寫網誌的話用 Blooger 是一個好選擇,不用付錢還可以自由地改樣式,而且還可以在網站上放 Google AdSense 來盈利。
剛好最近有改版,說明一下該怎麼在 Blogger 內嵌入 Google AdSense 的方法。
Step 1:
先到主題,然後點開當前主題的下拉箭頭:
之後點下編輯 HTML。
Step 2:
接著搜尋 <data:post.body/>
這段,這個是 Blogger 文章的區塊。
接著就可以在裡面找個地方放廣告代碼了,比如說我找到 <h3 class='post-title entry-title'> 這段,在 </h3> 後面放上我的 Google AdSense 的 code:
<h3 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'>
<div class='snippet-container r-snippet-container'>
<div class='r-snippetized'>
<data:post.title/>
</div>
<b:if cond='data:post.title != ""'>
<div class='snippet-fade r-snippet-fade hidden'/>
</b:if>
</div>
</a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
<!-- 制服地圖響應式廣告 -->
<ins class='adsbygoogle' data-ad-client='ca-pub-7782711747648373' data-ad-format='auto' data-ad-slot='4337118111' style='display:block'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
這樣在文章標題下面就會出現廣告區塊。
文章內文的話則是在這個裡面:
<div class='post-body entry-content float-container' expr:id='"post-body-" + data:post.id'>
可以在這段裡面 <data:post.body/> 的前後插入,就可以在文章前面或後面出現廣告了。
另外在這個前後的地方
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threadedCommentJs'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
就會在留言區塊那邊出現廣告了。
有需要的可以試試看。