在电商平台怎样引入YouTube视频来引流推广？

跨境电商独立站视频运营攻略

当通过跨境独立站建站系统成功建立店铺后，这仅仅只是一个开始，后续还有诸多事务需要处理，如选品、物流、支付、运营等。而在运营中又分为站内运营和站外运营。众所周知，视频能带来巨大的流量，所以许多跨境卖家都期望借助视频形式来开展独立站或店铺的运营。在跨境电商领域，不得不提及占据国外半壁江山的 YouTube。

YouTube 作为社交媒体渠道，跨境卖家若想从中获取流量，目前有三种方式：一是直接广告投放；二是采用智能化广告工具；三是通过制作原创内容吸引粉丝并引流。无论选择哪种方式，最终都要将流量沉淀到网站。

独立站引入视频运营的方式

首先是 SHOPYY 独立站建站之插件应用 YouTube Feed。跨境独立站卖家可引入 YouTube 的视频连接到网站，供买家浏览网站时观看，且可绑定商品。该插件能获取用户后台授权的 YouTube 账号里发布的视频。

其运营策略包括：跨境独立站卖家可运营多个 YouTube 账号，甚至联系网红，将账号内容获取到网站，让网站更显真实活跃；也可通过 YouTube 账号分享与商家有关的故事、视频等，并添加商品标记以提高转化率。

安装插件并绑定 YouTube shop 的步骤如下：

1. 在应用商城中找到 YouTube Feed，点击“安装应用”，点击“访问”，跳转到设置页面，点击 YouTube 账号列表右上角按钮“绑定 YouTube”。

2. 跳转页面提示先登录 YouTube 账号，若已登录，则选择该账号后会提示绑定成功。

3. 已绑定的账号会显示在 YouTube 账号列表。

发布视频内容的步骤为：

1. 点击按钮“获取最新”，将 YouTube 账号里的视频同步到后台“发布内容”列表，点击按钮后跳转页面会提示获取数量。

2. 查看“发布内容”列表，会显示已同步进来的视频信息。

关联商品的步骤为：

1. 点击“编辑”，进入视频关联商品页面。

2. 点击关联商品，进入商品选择列表，勾选商品。

3. 查看发布内容列表，已关联的商品会显示在列表中。

4. 点击“前台预览”，点开视频，弹窗中显示已关联商品可进行购买下单。

另外还有添加外部视频的方法：

1. YouTube shop 也支持添加外部链接，点击发布列表右上角“添加”。

2. 输入 YouTube 视频地址，点提交。

3. 视频提交成功后，查看发布内容列表，手动添加的视频会有“外部引用视频”的标志。

SHOPYY 独立站建站之插件应用商品详细页 YouTube

利用这个插件可以设置商品详细页显示 YouTube-Feed 功能，但使用此插件前，请先安装插件“YouTube Feed”，并配置好相关数据。具体步骤如下：

1. 在应用商城找到“详细页 YouTube”，点击“安装应用”，点击“访问”进入应用。

2. 使用操作指南模块下的 js 代码。

3. 依次打开后台-商品-商品管理-操作-自定义描述；或者打开后台-应用-分类自定义描述-访问-编辑。

4. 复制代码保存成功后，需要在“YouTube Feed”插件中“发布内容”列表点击编辑，选择该商品进行关联视频。

通过代码嵌入 YouTube 视频

通常独立站不允许上传大字节的视频，因为大字节视频加载时占用带宽大，会导致网页加载缓慢，从而增加跳出率。但在短视频风口下，视频有助于提高转化率。那么如何将 YouTube 视频嵌入独立站呢？又如何保证嵌入的视频能自适应？

首先在 YouTube 上找到视频内容-视频播放界面，然后点击分享-嵌入-复制代码。接着修改源代码，将视频尺寸宽高设置成自适应，即“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 为高度和宽度的比例，可自行调整。