免费参与·100+跨境活动 
免费下载·4000+跨境资料 
免费学习·2000+直播课程 
免费加入·15万+卖家交流群 
2022-11-18 14:51
通过跨境独立站建站系统，成功建立店铺后。这仅仅只是一个开始，后续还需要做很多事。包括，选品、物流、支付、运营等等。
而其中运营又分为站内运营和站外运营。所有人都知道通过视频能够带来多大的流量。
所以很多跨境卖家都希望引入一些视频的形式来进行自己独立站或者店铺的运营。
做跨境电商，那么就不得不说占据国外半壁江山的youtube了。
YouTube属于社交媒体渠道，跨境卖家想要通过它获得流量，目前有以下三种方式：
第一种、直接广告投放
第二种、采用智能化广告工具
第三种、做原创内容吸粉引流
不论你做哪一种方式，最终你都得记住，沉淀到网站来。
今天我们就来说说独立站中如何引入视频运营。
（一）SHOPYY独立站建站之插件应用Youtube Feed
跨境独立站卖家可以通过引入Youtube的视频连接到网站上，供买家浏览网站时观看视频，并且可以绑定商品。
这个插件可以获取用户后台授权的YouTube账号里发表的视频。
运营策略：
跨境独立站卖家可以运营多个YouTube账号甚至于联系网红，将账号内容获取到网站，让网站显示更真实，更活跃。
也可以通过YouTube账号分享与商家有关的故事，视频等。
分享添加商品标记，提高转化率。
安装插件并绑定YouTube shop 步骤
1.应用商城-Youtube Feed-安装应用，点击“访问”，跳转到设置页面，点击Youtube账号列表右上角按钮“绑定youtube”。
2.跳转页面提示先登陆youtube账号，如果youtube账号已经登陆中，则选择该账号后会提示绑定成功
3.已绑定的账号会显示在youtube账号列表
发布视频内容
1、点击按钮“获取最新”，将YouTube账号里的视频同步到后台“发布内容”列表，点击按钮后跳转页面会提示获取数量
2、查看“发布内容”列表，会显示已同步进来的视频信息
关联商品
1、点击“编辑”，进入视频关联商品页面
2、点击关联商品，进入商品选择列表，勾选商品
3、查看发布内容列表，已关联的商品会显示在列表中
4、点击“前台预览”，点开视频，弹窗中显示已关联商品可进行购买下单
限时免费！OceanWeb谷歌雨果首推独立站神器，0元闪电建站，广告引流一站式营销平台》》》
添加外部视频
1、youtube shop也支持添加外部链接，点击发布列表右上角“添加”
2、输入YouTube视频地址，点提交
3、视频提交成功后，查看发布内容列表，手动添加的视频会有“外部引用视频”的标志
前台预览效果：
（二）SHOPYY独立站建站之插件应用商品详细页Youtube
利用这个插件可以设置商品详细页显示Youtube-Feed功能，不过使用此插件前，请先安装插件“Youtube Feed”，并配置好相关数据。
1、应用商城 - 详细页Youtube - 安装应用，点击‘访问’进入应用
2、使用操作指南模块下的js代码
3、依次打开后台--商品--商品管理--操作--自定义描述；或者打开后台--应用--分类自定义描述--访问--编辑
4、复制代码保存成功后，需要在‘Youtube Feed’插件中‘发布内容’列表点击编辑，选择该商品进行关联视频。
前台显示效果：
（三）跨境独立站建站之通过代码嵌入YouTube视频
通常来说，独立站都是不会允许上传大字节的视频。因为字节太大的视频在加载过程中占据的带宽很大，这样会导致网页加载缓慢，从而跳出率增加。
但是短视频风口下，视频是有助于提高转化率的。
那么如何将youtube视频嵌入独立站呢？又要怎么去保证嵌入的视频能够自适应呢？
以上的方法都是用过独立站本身的插件应用功能去实现的，现在我要说的是一种普适性更高的方法，那就是通过代码去实现。
1、在youtube上找到视频内容- 视频播放界面
2、点击分享- 嵌入- 复制代码
3、修改源代码
原代码如下：
<iframewidth="560"height="315"src="https://www.youtube.com/embed/8lNMi54yj_o"title="YouTubevideoplayer"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>
接着找到要添加视频的页面的后台编辑器，比如商品详情页。
编辑器打开后切换成代码模式——粘贴以上代码，切换回来。
后台-开发者模式添加js脚本动态设置尺寸，代码如下：
<script>
$('#youtube-iframe').height($('#youtube-iframe').width() * 0.6);
</script>
0.6为高度和宽度的比例，可自行调整。
（来源：K哥聊出海）
以上内容属作者个人观点，不代表雨果跨境立场！如有侵权，请联系我们。
