[Blogger] 在文章內隨意地方嵌入 Google AdSense

分享:

寫網誌的話用 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 != &quot;&quot;'>
                      <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='&quot;post-body-&quot; + 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>

就會在留言區塊那邊出現廣告了。

有需要的可以試試看。

 

課程推薦

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。