你的讀者可以使用 Google Identity 服務 (簡稱 GIS),快速登入第三方網站和應用程式,而且安全無虞。GIS 又稱「使用 Google 帳戶登入」,主要功能 Google One Tap 可帶來輕鬆又便利的登入和註冊體驗。與 Reader Revenue Manager (簡稱 RRM) 整合後,有以下 3 項重要優點:
- 多重提示協調:RRM 提示 (例如付費牆和 One Tap 彈出式視窗) 會協調運作,避免發生衝突,確保讀者一次只會收到一項登入要求。
- 統合式登入:Google One Tap 支援 RRM 註冊牆,用一次點擊來取代多步驟登入。這樣可降低阻力,避免新客流失率過高。
- 自動授權:RRM 會自動辨識透過 Google One Tap 登入的讀者,方便他們即時存取訂閱和計量付費內容。發布者可以使用 GIS 直接登入,不必再透過 RRM 提示。
設定「使用 Google 帳戶登入」功能
如果你是「使用 Google 帳戶登入」和 Google One Tap 的新手,請參閱下列資源學習基本導入知識:
- 使用 Google 帳戶登入:瞭解 Google Identity 服務總覽。
- 透過按鈕導入「使用 Google 帳戶登入」功能:瞭解如何顯示「使用 Google 帳戶登入」按鈕。
- 導入 Google One Tap:瞭解如何顯示 Google One Tap。
如要開始使用 Google One Tap,請按照下列整體步驟操作。
「JavaScript」。
- 如要設定回呼來處理憑證回應,請使用 HTML 或 JavaScript。
在 Publisher Center 設定註冊牆
Publisher Center 提供全新導覽,方便你整合「使用 Google 帳戶登入」功能,輕鬆取得憑證並安裝指令碼。
- 如要設定,請依序點選「Reader Revenue Manager」
「內容存取權」。
- 依序點選「讀者漏斗」
「讀者註冊」。
- 提示:如果是 Enterprise 發布者,「讀者漏斗」選單會標示為「總覽」。
- 開啟「使用 Google 帳戶登入」。
- 按照「設定『使用 Google 帳戶登入』功能」一節的步驟操作。
- 貼上已開啟 Google One Tap 的網站網址。
- 按一下「驗證」。
- 確認訊息已變更為「讀者註冊程序已設為透過『使用 Google 帳戶登入』功能建立帳戶」。
整合用戶端程式碼
如何整合 Google One Tap API 與 RRM 讀者註冊功能:
- 初始化
swg.js:- 如果是標準版 RRM,請將程式碼片段加入網站。
- 如果是 Enterprise 發布者,請參閱本文瞭解如何納入及初始化 swg.js。
- 將
rrm-interop /rrmInterop參數加進 GIS 程式碼片段:- 如要啟用提示衝突解決功能,請將
rrm-interop='true'參數加進 Google One Tap HTML 程式碼片段,或為 JavaScript API 加入rrmInterop: true。
- 如要啟用提示衝突解決功能,請將
HTML API 範例:
JavaScript
<div id="g_id_onload"
data-client_id="YOUR_GOOGLE_CLIENT_ID"
data-login_uri="https://your.domain/your_login_endpoint"
data-your_own_param_1_to_login="any_value"
data-your_own_param_2_to_login="any_value"
rrm_interop='true'>
</div>
JavaScript API 範例:
JavaScript
google.accounts.id.initialize({
client_id: 'YOUR_GOOGLE_CLIENT_ID',
callback: handleCredentialResponse,
rrmInterop: true,
});