大数跨境

如何在您的网站上安装 Google +1 按钮

如何在您的网站上安装 Google +1 按钮 电商实践
2011-06-06
1
导读:谷歌将“+1”按钮定位为一种让消费者在社交好友需要时向其推荐内容的方式。谷歌在“+1”落地页上表示:“有时候,当有认识的人已经找到你正在寻找的东西时,更容易精准地找到它。”

Google 正将 +1 按钮定位为社交推荐工具,帮助消费者在好友需要时分享建议。

谷歌官方表示:“当有人已找到你所需之物时,获取推荐会更便捷。+1 按钮能让你在搜索结果中即时获得感兴趣内容的推荐。”

“当你想不起朋友推荐的民宿,或寻找值得支持的慈善机构时,+1 按钮即可提供帮助。只需确保已登录 Google 账户。”

来自 Google 的视频:介绍 +1 按钮


对电商商家而言,+1 按钮是提升搜索流量、获取精准买家的有效途径,且添加过程十分简便。

引入 Google JavaScript 文件

在网站添加 +1 按钮,首先需链接 Google +1 JavaScript 文件。该代码应置于 HTML 文件底部(通常位于页脚模板)。

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

若网站使用 HTML5,可省略 type 属性:

<script src="https://apis.google.com/js/plusone.js"></script>

页面部署 +1 按钮

引入 JS 文件后,使用以下代码即可在页面显示 +1 按钮:

<g:plusone size="standard" count="true"></g:plusone>

+1 按钮参数配置

+1 按钮作为可配置组件,支持多种参数设置。

size 参数控制尺寸,可选值包括 “small”、“medium”、“standard” 或 “tall”。

Google +1 按钮提供四种尺寸选项。

示例中将 size 设为 “standard”:

<g:plusone size="standard" count="true"></g:plusone>

count 参数决定是否显示点击次数(即 +1 数量),值为 true 或 false。注意:“tall” 尺寸默认始终显示计数。

<g:plusone size="standard" count="true"></g:plusone>

支持开启计数显示功能。

默认情况下,点击 +1 按钮会关联当前页面 URL。但在产品列表等网格布局中,需确保每个按钮对应单个商品而非整个分类页。

同一页面可部署多个 +1 按钮。

通过 href 参数指定具体推广链接:

<g:plusone size="standard" count="true" href="https://www.practicalecommerce.com"></g:plusone>

此外,可通过 lang 参数自定义语言(默认为英语):

<g:plusone size="standard" count="true" lang="en-US"></g:plusone>

总结

Google +1 按钮可为网店引流提供新渠道。本文详细演示了该按钮的集成与配置方法。

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8035
粉丝 0
电商实践 电商实践
总阅读1.1k
粉丝0
内容8.0k