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

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

寫網誌的話用 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>

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

有需要的可以試試看。

 

課程推薦

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上,同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學,加上 ChatGPT 的輔助,您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗,還會大幅提高網站的搜索引擎排名,進而增加訪客流量和潛在客戶。
用AI強化職場競爭力 ChatGPT、Midjourney從入門到精通

用AI強化職場競爭力 ChatGPT、Midjourney從入門到精通

在快速變遷的職場中,提升競爭力成為關鍵。透過引領潮流的AI技術,ChatGPT和Midjourney將助您勇攀高峰。無論您是AI新手還是專家,這個課程將引導您從入門到精通,解密AI的奧秘,並學習如何運用於職場。
GitHub Copilot AI 程式碼編輯工具應用實務班

GitHub Copilot AI 程式碼編輯工具應用實務班

讓學員瞭解有效地使用該工具來加速開發流程、提高程式碼品質和生產力。課程重點放在以 JavaScript 程式語言為例,介紹 Copilot 的基本原理、使用方法和最佳實踐。

輸入折扣碼 TC1456JA 還可以額外獲得 NT$500 優惠喔。

ChatGPT X Clipchamp AI 生成影片、配音與字幕應用實戰班

ChatGPT X Clipchamp AI 生成影片、配音與字幕應用實戰班

掌握Clipchamp AI的操作技巧,靈活運用Clipchamp AI進行影片編輯和創作,實現創意表達和傳播目的。

輸入折扣碼 TC1451JAN 還可以額外獲得 NT$500 優惠喔。

如何串接多種數位工具資訊?Looker Studio 資料視覺化實戰班|GoogleAds x FB廣告 x GA流量數據

如何串接多種數位工具資訊?Looker Studio 資料視覺化實戰班|GoogleAds x FB廣告 x GA流量數據

Looker Studio除了可協助使用者監控網站流量、廣告成效、選擇匯入資源的管道之外,還可以將數據資料多平台整合、數據報表即時更新、數據範本可重複套用的效益,透過自動化系統,將數據全部匯入同一個報表平台,是企業不可或缺的重要工具。

輸入折扣碼 TC1270JIA 還可以額外獲得 NT$500 優惠喔。

和我們交流

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