這個元件不適用於 Google Ads、Google AdMob、AMP HTML 廣告、影片廣告和圖像廣告。
YouTube 元件可讓您在廣告中置入 YouTube 影片。
YouTube 刊頭廣告不支援有結束畫面的 YouTube 影片。
如何在專案中新增 YouTube 元件：
- 依序開啟「元件」面板和「媒體」資料夾。
- 將「YouTube」元件
拖曳至中心區域。
- 找出「屬性」面板的「YouTube」屬性部分，然後在 [網址] 欄位中輸入 YouTube 影片頁面的網址。
使用行動瀏覽器播放 YouTube 影片
行動瀏覽器可能會停用 YouTube 影片自動播放功能，以免因播放了未要求的內容而造成使用者需支付行動數據費用。對行動瀏覽器來說，最佳做法是關閉自動播放功能，改為開啟影片控制項。這樣就能確保影片按照您指定的方式播放。
在「屬性」面板中執行下列變更：
- 將「自動播放」設為 none。
- 將「控制項」設為 autohide。
屬性
| 屬性 | 說明 |
|---|---|
| 名稱 | 元件名稱。 |
| 網址 | 針對您要顯示的 YouTube 影片輸入網址。您也可以輸入網址中的專屬 ID。可繫結至動態資料。 |
| 自動播放 |
設定影片是否自動開始播放。部分行動瀏覽器不支援自動播放。
|
| 預覽時間長度 | 將「自動播放」設為 [preview] 或 [intro] 時，您可以指定預覽時間長度 (預設為 30 秒)。 |
| 控制項 |
設定影片是否顯示控制項。
|
| 進度列顏色 | 將影片播放器的進度列設為紅色或白色。 |
| 靜音 | 選用這個屬性時，YouTube 影片將會靜音播放。 |
| 相關 | 選用這個屬性時，系統會在原始影片播放完畢後，顯示相關的 YouTube 影片，但該影片可能來自其他頻道。如果取消勾選這個選項，則原始影片播放完後，系統僅會顯示來自相同頻道的相關 YouTube 影片。 |
| 循環播放 | 選用這個屬性時，YouTube 影片會不斷重複播放。 |
| 影片結束時暫停 | 選用這個屬性時，YouTube 影片會在剩下 1 秒時暫停播放。 |
| 起始位置 | YouTube 影片的起始位置 (以秒為單位)。可繫結至動態資料。 |
進階屬性
在元件屬性窗格中按一下「進階屬性」旁邊的「展開」圖示 ，即可編輯下列進階屬性：
| 屬性 | 說明 |
|---|---|
| 允許在電腦上進入全螢幕模式 | 允許使用者在電腦上透過全螢幕模式觀看影片。 |
| 額外播放器參數 | 您要添加的 YouTube 播放器參數 (以 & 符號分隔各個參數)。 |
事件和動作
YouTube 元件傳送的事件您可以透過下列 YouTube 元件事件觸發其他動作：
| 事件 | 說明 |
|---|---|
| 緩衝處理中 | 在 YouTube 影片進行緩衝處理時傳送。 |
| 已結束 | 在 YouTube 影片播放結束時傳送。 |
| 已暫停 | 在 YouTube 影片暫停播放時傳送。 |
| 播放中 | 在 YouTube 影片開始播放時傳送。 |
| 已重播 | 在 YouTube 影片重新播放時傳送。 |
| 開始 | 在使用者尚未觀看任何影片內容時傳送。 |
| 1/4 | 在使用者觀看到影片內容的 25% 時傳送。 |
| 中點 | 在使用者觀看到影片內容的 50% 時傳送。 |
| 3/4 | 在使用者觀看到影片內容的 75% 時傳送。 |
| 完成 | 在使用者完全看完影片內容時傳送。 |
| 預覽開始 | 在使用者尚未觀看任何預覽內容時傳送。 |
| 預覽 1/4 | 在使用者觀看到預覽內容的 25% 時傳送。 |
| 預覽 1/2 | 在使用者觀看到預覽內容的 50% 時傳送。 |
| 預覽 3/4 | 在使用者觀看到預覽內容的 75% 時傳送。 |
| 預覽結束 | 在使用者完全看完預覽內容時傳送。 |
如要在「事件」對話方塊中選取以上任一事件，請將 YouTube 元件設為「目標」。
瞭解如何在 Studio 中追蹤這些事件。
下列 YouTube 元件動作可透過其他事件觸發：
| 動作 | 設定選項 |
|---|---|
| 切換成靜音 | 無 |
| 暫停 | 無 |
| 暫停後播放 | 無 |
| 重播 | 無 |
| 跳轉 | 時間：影片在開始播放前跳過的時間 (以秒為單位)。 |
| 設定 YouTube 影片 ID |
|
在「事件」對話方塊中選取以上任一動作時，請將 YouTube 元件設為「接收端」。
瞭解如何設定事件。
預覽
您無法在 Google Web Designer 介面中預覽這個元件。如要查看元件的實際運作情形，您可以按一下右上角的「預覽」按鈕 