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>
<!-- 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>
改為
&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
若你的第一行和我的不一樣,請到http://www.elliotswan.com/postable/
將第一行的碼貼上,執行修改,便會得到修改後可讓範本讀的碼。然後在整個程式碼的前後各加上 <b:if cond='data:blog.pageType == &quot;item&quot;'></b:if> 若要置中,就再加上
<div style='text-align: center;'></div> 改完後,整個程式碼應該如下
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='text-align: center;'>
&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
<!-- 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>
注意:有的範本上述的<div style='text-align: center;'>及</div>,要改成<p style='text-align: center;'>及</p>才行。

步驟 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>
我的範本有兩組,在第二個整組程式碼之後 (最下面的</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 - 小美輕鬆旅

熱門排行

2024.2.11 friDay影音序號免費體驗

用電腦玩手機遊戲較不傷眼睛,乾淨輕量版Android模擬器推薦

置頂視窗釘選最上層顯示小工具DeskPins Win10、Win11

移除百度(Baidu)搜索,被百度綁架的解決方法

網路芳鄰電腦消失解決方法win10

不用到玉山銀行開戶,直接提領PayPal美金到台幣或外幣帳戶

免費賺比特幣7個網站推薦.錢包軟體下載及使用教學

friDay影音取消訂閱及刪除信用卡資料

2024.3.22 myVideo 序號免費體驗