在GA3時代，許多網站管理者都面臨著嵌入YouTube影片的困擾。
由於影片是以iframe形式嵌入，相關的觀看數據只能通過YouTube後台的「頻道數據分析」來查看。
然而，這些數據無法顯示使用者是通過哪個來源或媒介進入網站並觀看影片，
也無法單獨篩選出來自網站嵌入影片所產生的觀看量。自去年GA4上線以來，這個問題得到了極大的改善。
GA4 特別針對網站嵌入的YouTube影片，將其觀看數據自動收集到GA4中。更重要的是，這些數據屬於自動收集事件，無需額外嵌入代碼即可追蹤「影片開始、影片結束、影片播放進度」等關鍵指標。
這篇文章會帶到 「GA4 的報表」呈現以及「網站嵌入iframe」時的注意事項，
以下附上GA4自動收集事件列表及相關參數說明。(官方連結 )
| 事件名稱 | 自動觸發時機… | 參數 |
| video_complete(網站) | 影片播放結束時針對已啟用 JS API 支援功能的內嵌 YouTube 影片。預設為透過加強型評估收集。 | video_current_time、video_duration、video_percent、video_provider、video_title、video_url、visible (boolean) |
| video_progress(網站) | 影片播放進度超過時間長度的 10%、25%、50% 及 75% 時針對已啟用 JS API 支援功能的內嵌 YouTube 影片。預設為透過加強型評估收集。 | |
| video_start(網站) | 影片開始播放時針對已啟用 JS API 支援功能的內嵌 YouTube 影片。預設為透過加強型評估收集 |
GA4報表呈現
接著我們來看一下，在GA4報表呈現的樣子。
我們建立探索報表，將以下維度、指標加入報表中
- 維度 : 影片標題、影片網址、事件名稱、總人數、網頁標題
- 指標 : 事件計數
從上圖可以看到，「影片標題」會列出每個影片的名稱，值的來源就是 YouTube影片 上的影片標題；
搭配video_start & video_complete，就可以觀察出來哪一支影片被開始看的最多以及有看完的比例又是多少。
情境1 : 每一支影片，使用者觀看的播放長度百分比
- 維度 : 影片標題、事件名稱、video_percent(需設定自訂維度，非GA4內建維度)
- 指標 : 事件計數
- 篩選器 : 事件名稱 = video_progress
- 補充說明 : 若使用者用影片時間時間軸調整播放位置，可能不會觸發自動收集事件。
情境2 : 同一支影片被嵌入到多個頁面中，想觀察哪個頁面造成的觀看數最多?
- 維度 : 影片標題、事件名稱、網頁標題、video_percent(需設定自訂維度，非GA4內建維度)
- 指標 : 事件計數
- 篩選器 : 事件名稱 = video_progress
- 補充說明 : 若使用者用影片時間時間軸調整播放位置，可能不會觸發自動收集事件。
如何檢查網站上的嵌入影音是有被GA4 收集數據的?
共有兩個主要檢查步驟
- 首先，確認 GA4 的加強型測量功能中，「影片參與」選項已被啟用。只有在該功能開啟的情況下，GA4 才會自動觸發並收集影片互動數據。
2. 接著，確保嵌入的 YouTube 影片網址包含 enablejsapi=1 參數。
這個參數使影片支持 JavaScript API，從而自動觸發影片事件。
如果嵌入方式是通過右鍵點擊 YouTube 影片並選擇「複製嵌入程式碼」，通常網址中不會自動包含這個參數。因此，將影片嵌入網站時，務必手動添加 enablejsapi=1。
- 未加上前網址如下 :
<iframe width=”640″ height=”360″ src=”https://www.youtube.com/embed/jCsOkG4Us1E” title=”完整版音效+音樂” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share” referrerpolicy=”strict-origin-when-cross-origin” allowfullscreen></iframe>
- 加上參數後網址如下 :
<iframe width=”640″ height=”360″ src=”https://www.youtube.com/embed/jCsOkG4Us1E?enablejsapi =1” title=”完整版音效+音樂” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share” referrerpolicy=”strict-origin-when-cross-origin” allowfullscreen></iframe>
※ 本文經由 Tako Analystics 授權轉載，原文由 Tako Analystics 編輯整理，感謝原作者授權支持內容合作。看更多相關內容