将UGC整合到你的网站(bvapi.js)
警告:如果您的实现使用侦察文件,请使用这些说明
bvapi.js
。但是,如果您的实现使用BV加载器bv.js
,请参阅BV装载机集成文档。< / div >若要在类别或产品展示页面(pdp)上显示用户生成内容(UGC),必须将Bazaarvoice代码添加到HTML页面。
按照以下步骤指示显示:
- 一级评级总结
- 评分和评论
- 问题与答案
步骤1:添加JavaScript代码(bvape .js)
将以下JavaScript API代码放在
头
元素在每个PDP页面上,你想显示Bazaarvoice内容。<脚本类型=“text / javascript”src =" / / default.ugc.bazaarvoice.com/bvstaging/static/1234-en_us/bvapi.js”>> < /脚本<脚本类型=“text / javascript”>BV美元。配置("全球",{submissionContainerUrl:"http://www.client.com/submissionPage.html"});> < /脚本
脚本元素 描述 默认的
联系Bazaarvoice客户服务而实现团队将提供一个值 默认的
。1234年的今天,en_us
联系Bazaarvoice客户服务而实现团队将为其提供一个显示代码值 1234年的今天,en_us
。/ bvstaging
确保 / bvstaging
在您的生产环境中启动之前从URL中删除。bvapi.js
bvapi.js
同步加载。但是,在大多数情况下,该文件不会对性能产生影响,并且所有剩余资源都是异步加载的。必威投注网BV.configure美元
这是Bazaarvoice配置电话。它在任何之前执行 BV.ui美元
叫它影响。submissionContainerUrl
引用您在网站上创建并托管的提交容器URL页面。例如, “http://www.client.com/submissionPage.html”
警告:上面的示例集成代码使用测试路径/ bvstaging
。确保你把/ bvstaging
从生产环境url。< / div >< divclass="note"> 注意:出于安全原因,Bazaarvoice配置了用于集成目的的允许域的白名单。联系Bazaarvoice客户服务并通知Bazaarvoice实施团队您计划在生产中部署的所有域。
如果submissionContainerUrl
域名不在允许域名列表中,可能会显示警告页面(带有可点击的链接)。确认警告页面上显示的URL是有效的URL。< / div >若要在产品显示页面(PDP)上显示评分和评论或问题与答案内容,必须将Bazaarvoice内容容器添加到每个PDP(请参阅第2步:添加内容容器)。
步骤2:添加用户生成的内容容器
添加内容容器(div代码)到每个PDP,你想显示相关的bazaarvoice生成的内容:
- 一级评级总结:插入
< div id = " BVRRSummaryContainer " > < / div >
在您希望显示评分摘要的位置。 - 审查内容:插入
< div id = " BVRRContainer " > < / div >
你希望实际的评分和评论出现在哪里。 - 问题与答案摘要:插入
< div id = " BVQASummaryContainer " > < / div >
您想要的问题和答案摘要显示的位置。 - 问题与答案:插入
< div id = " BVQAContainer " > < / div >
你希望实际的问题和答案出现的地方。
步骤3:加载用户生成的内容
将内容加载到
div
在前一步中插入的元素使用$ BV.ui ()
JavaScript调用,如本节代码块中所述。将评级和评论加载到产品页面
< divid =“BVRRContainer”> < / div ><脚本类型=“text / javascript”>BV美元。用户界面("rr","show_reviews",{productId:"XXXXX"});> < /脚本
XXXXX
代表了ID
页面上显示的产品的。属性的值必须匹配ID
与产品目录提要中的产品相关联的。地点:Bazaarvoice建议将评论放在产品描述的下方(并在PDP下方)。
警告:如果该内容出现在选项卡或其他可见的UI元素后面,Bazaarvoice将无法将其显示到视图中,除非您提供自定义代码来显示隐藏的内容。< / div >将问题和答案加载到产品页面
< divid =“BVQAContainer”> < / div ><脚本类型=“text / javascript”>BV美元。用户界面("质量保证","show_questions",{productId:"XXXXX",subjectType:"产品"});> < /脚本
XXXXX
代表了ID
页面上显示的产品的。属性的值必须匹配ID
与产品目录提要中的产品相关联的。地点:Bazaarvoice建议将问答内容放在实际评论显示区域的下方,在PDP或分类页面的下方。
将问题和答案加载到类别页面
< divid =“BVQAContainer”> < / div ><脚本类型=“text / javascript”>BV美元。用户界面("质量保证","show_questions",{被标记:"XXXXX",subjectType:"类别"});> < /脚本
步骤4:自定义UGC显示元素
联系Bazaarvoice客户服务并要求与设计服务团队自定义:
- 字体
- 用于任何显示页面的图标
- 用于标题或链接的文本
- 显示页面上的任何UI元素
Bazaarvoice设计服务拥有一支用户体验(UX)顾问团队定制设计解决方案为PRR平台。
HTML示例-提交容器页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// zh " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> . txt " .< htmlxmlns =“http://www.w3.org/1999/xhtml”>< >头<元http-equiv =“内容类型”内容=“text / html;charset = utf - 8”/><标题>Bazaarvoice测试集成< /名称><脚本类型=“text / javascript”src =" / / default.ugc.bazaarvoice.com/bvstaging/static/1235-en_us/bvapi.js”>> < /脚本> < /头< div >< divid =“BVSubmissionContainer”> < / div ><脚本类型=“text / javascript”>BV美元。用户界面("submissionContainer",{userToken:"XXXX"});> < /脚本< / div >< / html >
HTML示例-产品页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// zh " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> . txt " .< htmlxmlns =“http://www.w3.org/1999/xhtml”>< >头<元http-equiv =“内容类型”内容=“text / html;charset = utf - 8”/><标题>Bazaarvoice测试集成< /名称><脚本类型=“text / javascript”src =" / / default.ugc.bazaarvoice.com/bvstaging/static/1235-en_us/bvapi.js”>> < /脚本<脚本类型=“text / javascript”>BV美元。配置("全球",{submissionContainerUrl:"http://client.com/submissionPage.html"});> < /脚本> < /头< div >< divid =“BVRRSummaryContainer”> < / div >< divid =“BVRRContainer”> < / div ><脚本类型=“text / javascript”>BV美元。用户界面("rr","show_reviews",{productId:"XXXX"});> < /脚本< / div >< / html >
注意:上面的示例代码涉及使用侦察文件实现UGCbvapi.js
。您还可以使用BV加载器JavaScript将用户生成的内容集成到您的网站中bv.js
。推荐用于性能改进和未来的创新。请参阅BV装载机集成文档获取更多信息。< / div >< / div >