Google Adsense在Blogger的內文章中自動顯示,且不在首頁出現[教學]
如果你跟我一樣,在每篇文章中,自己喜歡的位置,放上 Google Adsense 廣告,那就要注意,在主網頁預設顯示的文章數是7篇,若不做更改,勢必會違反Google Adsense的規定:在1個網頁中最多放3個廣告,3個連結單元,2個搜尋框。
方法有二,一個是以插入繼續閱讀標示的做法,另一個是將 Google Adsense 程式碼放在範本中。
方法一:
這個方法較簡單,但有其限制,就是 Google Adsense 程式碼必須在繼續閱讀標示之後,且要自己將 Google Adsense 程式碼加入在每篇文章中。
在每篇文章中,插入繼續閱讀標示的方式如下圖
如此一來,在主網頁便會顯示在繼續閱讀標示前的文章,不會顯示全文,所以只要把 Google Adsense 程式碼放在繼續閱讀標示之後即可。
方法二:
將 Google Adsense 程式碼稍做修改,然後放在範本中你想展示的位置。
此後你發文,Google Adsense 便會自動在文章中呈現出來,也不會在主網頁(首頁) 出現。操作的步驟有二
步驟 1、將 Google Adsense 程式碼稍做修改
Google Adsense 給你的程式碼應該與下例相似
將第一行
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
改為
將第一行的碼貼上,執行修改,便會得到修改後可讓範本讀的碼。然後在整個程式碼的前後各加上 <b:if cond='data:blog.pageType == "item"'>及</b:if> 若要置中,就再加上
<div style='text-align: center;'>及</div> 改完後,整個程式碼應該如下
注意:有的範本上述的<div style='text-align: center;'>及</div>,要改成<p style='text-align: center;'>及</p>才行。
步驟 2、將 Google Adsense 程式碼放在範本中你想展示的位置
最後,在範本中你想展示的位置,放上修改後的程式碼,像我要在文章的標題下出現 Google Adsense ,首先就要在範本中找出「文章標題」這個位置。操作如下
在範本搜尋關鍵字 data:post.title , 會搜尋出很多結果,找出類似以下整組程式碼,
我的範本有兩組,在第二個整組程式碼之後 (最下面的</b:if>之後),放上剛修改後的 Google Adsense 程式碼,這樣便會在文章的標題下立即接著顯示 Google Adsense ,而且不在主網頁(首頁) 出現。
若要在文章結尾顯示 Adsense 廣告,在範本中用【ctrl】鍵+【F】鍵,找出<data:post.body/>,將修改後的 Google Adsense 程式碼貼在<data:post.body/>的下一行即可。以我的範本為例有兩個<data:post.body/>,要貼在第二個<data:post.body/>之後才行。
要的其它地方顯示 Google Adsense,找出位置,以一樣的方式操作即可。
若要在新範本主題Contempo、Soho、知名、Emporio上讓Adsense自動在文章的分享按鈕"和"標籤"下方顯示,請參考:
Blogger文章結尾的"分享"和"標籤"下方位置顯示Adsense的廣告
推薦網誌:宜蘭傳藝中心門票限時優惠買1送1 - 小美輕鬆旅
方法有二,一個是以插入繼續閱讀標示的做法,另一個是將 Google Adsense 程式碼放在範本中。
方法一:
這個方法較簡單,但有其限制,就是 Google Adsense 程式碼必須在繼續閱讀標示之後,且要自己將 Google Adsense 程式碼加入在每篇文章中。
在每篇文章中,插入繼續閱讀標示的方式如下圖
如此一來,在主網頁便會顯示在繼續閱讀標示前的文章,不會顯示全文,所以只要把 Google Adsense 程式碼放在繼續閱讀標示之後即可。
方法二:
將 Google Adsense 程式碼稍做修改,然後放在範本中你想展示的位置。
此後你發文,Google Adsense 便會自動在文章中呈現出來,也不會在主網頁(首頁) 出現。操作的步驟有二
步驟 1、將 Google Adsense 程式碼稍做修改
Google Adsense 給你的程式碼應該與下例相似
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 300x250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
改為
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
若你的第一行和我的不一樣,請到http://www.elliotswan.com/postable/將第一行的碼貼上,執行修改,便會得到修改後可讓範本讀的碼。然後在整個程式碼的前後各加上 <b:if cond='data:blog.pageType == "item"'>及</b:if> 若要置中,就再加上
<div style='text-align: center;'>及</div> 改完後,整個程式碼應該如下
<b:if cond='data:blog.pageType == "item"'>
<div style='text-align: center;'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 300x250 -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</b:if>
步驟 2、將 Google Adsense 程式碼放在範本中你想展示的位置
最後,在範本中你想展示的位置,放上修改後的程式碼,像我要在文章的標題下出現 Google Adsense ,首先就要在範本中找出「文章標題」這個位置。操作如下
在範本搜尋關鍵字 data:post.title , 會搜尋出很多結果,找出類似以下整組程式碼,
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
若要在文章結尾顯示 Adsense 廣告,在範本中用【ctrl】鍵+【F】鍵,找出<data:post.body/>,將修改後的 Google Adsense 程式碼貼在<data:post.body/>的下一行即可。以我的範本為例有兩個<data:post.body/>,要貼在第二個<data:post.body/>之後才行。
要的其它地方顯示 Google Adsense,找出位置,以一樣的方式操作即可。
若要在新範本主題Contempo、Soho、知名、Emporio上讓Adsense自動在文章的分享按鈕"和"標籤"下方顯示,請參考:
Blogger文章結尾的"分享"和"標籤"下方位置顯示Adsense的廣告