Google 偏好來源按鈕正式開放網站嵌入:HTML 加碼教學與設定方法

BlueSky

AI 摘要

  • Google 開放網站加入偏好來源按鈕。
  • 用戶可將指定網站設為 Google 偏好來源。
  • 網站可透過 JavaScript 或 Deeplink 加入功能。

在演算法主導內容分發的環境下,網站除了依賴搜尋排名與社群傳播,也開始鼓勵讀者主動選擇希望接收的資訊來源。Google 近期推出網站嵌入式按鈕,讓網站開發者可直接在網頁加入「Google 偏好來源」功能,方便訪客將網站加入 Google 的偏好來源清單。

Google 偏好來源是什麼?

Google 於 2025 年先在美國與印度推出「偏好來源」功能,讓用戶將指定網站設為偏好來源,令相關內容優先出現在 Google 的「焦點新聞」中。根據來源資料,Google 之後會在 2026 年 4 月把功能拓展至更多語言,並於同年 5 月進一步帶到「AI 概覽」及「AI 模式」。

用戶可以在 Google 搜尋的「焦點新聞」中選擇偏好來源,而網站亦可以主動邀請訪客追蹤自己。來源指出,《HK01》及《明報新聞網》等大型新聞網站,已在網頁加入相關提示或按鈕。

如何檢查網站是否符合資格?

  1. 登入 Google 帳戶,進入「來源偏好設定工具」。
  2. 輸入網站網址,網址可以包含子域名。
  3. 如果網站出現在搜尋結果中,即代表網站可以成為 Google 偏好來源。

這項功能並非只限大型媒體使用。只要網站獲 Google 支援,一般網誌及其他網站同樣可以加入相關按鈕。

以 HTML 加入偏好來源按鈕

確認網站符合資格後,網站管理員需要先在網頁的 <head> 區域加入 Google 提供的 JavaScript:

<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>

接著,在希望顯示按鈕的位置加入以下 HTML:

<div google-add-preferred-source-btn></div>

訪客點擊按鈕後,即可將網站加入 Google 的偏好來源。預設按鈕會採用淺色設計,並按照瀏覽器設定自動使用相應語言。

自訂深色主題

網站可以透過 data-theme 屬性,將按鈕設定為深色主題:

<div google-add-preferred-source-btn></div>

自訂按鈕語言

如要指定按鈕語言,可加入 data-lang 屬性。以下例子會將語言設定為英文:

<div google-add-preferred-source-btn></div>

另一種做法:使用 Deeplink

除了 Google 提供的 JavaScript,網站也可以使用 Deeplink,讓訪客點擊連結後直接前往 Google 的來源偏好設定頁面。這種方式可讓網站自行設計按鈕或其他使用者介面,再把連結指向以下網址:

<div google-add-preferred-source-btn></div>

使用 Deeplink 的好處是網站可以自行控制介面樣式,但實際設定仍會在 Google 的偏好設定頁面完成。

對網站與內容發布者的影響

Google 偏好來源讓網站可以在內容發布流程之外,直接邀請讀者建立持續追蹤關係。對內容發布者而言,這提供了另一個接觸讀者的入口;對用戶而言,則能更主動地選擇希望在 Google 服務中看到的來源。

不過,加入按鈕並不等同於保證所有內容都會出現在 Google 的焦點新聞、AI 概覽或 AI 模式中。來源資料僅指出,設定偏好來源後可提升網站內容在相關介面出現的機會,實際呈現仍取決於 Google 的系統與內容分發機制。

Reference Link : ysnweb.net

Related Articles

Stay Connected

0FansLike
0FollowersFollow
22,800SubscribersSubscribe
spot_img

Latest Articles