跨境獨立站如何引入Youtube視頻做推廣引流?

來源: 索倫跨境奇遇記
作者:索倫跨境奇遇記
時間:2021-11-04
16558
通過跨境獨立站建站系統(tǒng),成功建立店鋪后。這僅僅只是一個開始,后續(xù)還需要做很多事。包括,選品、物流、支付、運營等等。

通過跨境獨立站建站系統(tǒng),成功建立店鋪后。這僅僅只是一個開始,后續(xù)還需要做很多事。包括,選品、物流、支付、運營等等。

而其中運營又分為站內運營和站外運營。所有人都知道通過視頻能夠帶來多大的流量。

所以很多跨境賣家都希望引入一些視頻的形式來進行自己獨立站或者店鋪的運營。

做跨境電商,那么就不得不說占據國外半壁江山的youtube了。

640.webp.jpg

YouTube屬于社交媒體渠道,跨境賣家想要通過它獲得流量,目前有以下三種方式:

·第一種、直接廣告投放

·第二種、采用智能化廣告工具

·第三種、做原創(chuàng)內容吸粉引流

不論你做哪一種方式,最終你都得記住,沉淀到網站來。

今天我們就來說說獨立站中如何引入視頻運營。

(一)SHOPYY獨立站建站之插件應用Youtube Feed

跨境獨立站賣家可以通過引入Youtube的視頻連接到網站上,供買家瀏覽網站時觀看視頻,并且可以綁定商品。

這個插件可以獲取用戶后臺授權的YouTube賬號里發(fā)表的視頻。

運營策略:

-跨境獨立站賣家可以運營多個YouTube賬號甚至于聯(lián)系網紅,將賬號內容獲取到網站,讓網站顯示更真實,更活躍。

-也可以通過YouTube賬號分享與商家有關的故事,視頻等。

-分享添加商品標記,提高轉化率。

安裝插件并綁定YouTube shop 步驟

1.應用商城-Youtube Feed-安裝應用,點擊“訪問”,跳轉到設置頁面,點擊Youtube賬號列表右上角按鈕“綁定youtube”。

640.webp (1).jpg

2.跳轉頁面提示先登陸youtube賬號,如果youtube賬號已經登陸中,則選擇該賬號后會提示綁定成功

640.webp (2).jpg

3.已綁定的賬號會顯示在youtube賬號列表

640.webp (3).jpg

發(fā)布視頻內容

1、點擊按鈕“獲取最新”,將YouTube賬號里的視頻同步到后臺“發(fā)布內容”列表,點擊按鈕后跳轉頁面會提示獲取數(shù)量

640.webp (4).jpg

2、查看“發(fā)布內容”列表,會顯示已同步進來的視頻信息

640.webp (5).jpg

關聯(lián)商品

1、點擊“編輯”,進入視頻關聯(lián)商品頁面

640.webp (6).jpg

2、點擊關聯(lián)商品,進入商品選擇列表,勾選商品

640.webp.jpg640.webp (1).jpg

3、查看發(fā)布內容列表,已關聯(lián)的商品會顯示在列表中

640.webp (2).jpg

4、點擊“前臺預覽”,點開視頻,彈窗中顯示已關聯(lián)商品可進行購買下單

640.webp (3).jpg

添加外部視頻

1、youtube shop也支持添加外部鏈接,點擊發(fā)布列表右上角“添加”

640.webp (4).jpg

2、輸入YouTube視頻地址,點提交

640.webp (5).jpg

3、視頻提交成功后,查看發(fā)布內容列表,手動添加的視頻會有“外部引用視頻”的標志

640.webp (5).jpg

前臺預覽效果:

640.webp.jpg

(二)SHOPYY獨立站建站之插件應用商品詳細頁Youtube

利用這個插件可以設置商品詳細頁顯示Youtube-Feed功能,不過使用此插件前,請先安裝插件“Youtube Feed”,并配置好相關數(shù)據。

1、應用商城 - 詳細頁Youtube - 安裝應用,點擊‘訪問’進入應用

2、使用操作指南模塊下的js代碼

640.webp (1).jpg

3、依次打開后臺--商品--商品管理--操作--自定義描述;或者打開后臺--應用--分類自定義描述--訪問--編輯

640.webp (2).jpg

4、復制代碼保存成功后,需要在‘Youtube Feed’插件中‘發(fā)布內容’列表點擊編輯,選擇該商品進行關聯(lián)視頻。

640.webp (3).jpg

前臺顯示效果:

640.webp (4).jpg

(三)跨境獨立站建站之通過代碼嵌入YouTube視頻

通常來說,獨立站都是不會允許上傳大字節(jié)的視頻。因為字節(jié)太大的視頻在加載過程中占據的帶寬很大,這樣會導致網頁加載緩慢,從而跳出率增加。

但是短視頻風口下,視頻是有助于提高轉化率的。

那么如何將youtube視頻嵌入獨立站呢?又要怎么去保證嵌入的視頻能夠自適應呢?

以上的方法都是用過獨立站本身的插件應用功能去實現(xiàn)的,現(xiàn)在我要說的是一種普適性更高的方法,那就是通過代碼去實現(xiàn)。

1、在youtube上找到視頻內容- 視頻播放界面

640.png

2、點擊分享- 嵌入- 復制代碼

640.webp.jpg640.webp (1).jpg

3、修改源代碼

原代碼如下:

<iframe width="560" height="315" src="https://www.youtube.com/embed/8lNMi54yj_o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>

</iframe>

在這里我們需要修改3個地方:

-將視頻尺寸寬高設置成自適應

Width="100%"  height="100%" 

-在這里還需要添加一個唯一的id選擇器以作為明確標識,確保代碼能夠識別

id="youtube-iframe"

修改后的代碼:

<iframe id="youtube-iframe" width="100%" height="100%" src="https://www.youtube.com/embed/8lNMi54yj_o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>

</iframe>

-接著找到要添加視頻的頁面的后臺編輯器,比如商品詳情頁。

-編輯器打開后切換成代碼模式——粘貼以上代碼,切換回來。

640.webp (2).jpg

后臺-開發(fā)者模式添加js腳本動態(tài)設置尺寸,代碼如下:

<script>

$('#youtube-iframe').height($('#youtube-iframe').width() * 0.6);

</script>

640.webp (3).jpg

0.6為高度和寬度的比例,可自行調整。

前臺顯示效果圖:

640.webp (4).jpg

立即登錄,閱讀全文
版權說明:
本文內容來自于索倫跨境奇遇記,本站不擁有所有權,不承擔相關法律責任。文章內容系作者個人觀點,不代表快出海對觀點贊同或支持。如有侵權,請聯(lián)系管理員(zzx@kchuhai.com)刪除!
優(yōu)質服務商推薦
更多
掃碼登錄
打開掃一掃, 關注公眾號后即可登錄/注冊
加載中
二維碼已失效 請重試
刷新
賬號登錄/注冊
小程序
快出海小程序
公眾號
快出海公眾號
商務合作
商務合作
投稿采訪
投稿采訪
出海管家
出海管家