如何改变分支智能横幅的位置?

时间:2016-04-14 05:45:33

标签: javascript branch.io smartbanner

我正在使用branch smart banner

要设置横幅,我将下面的代码放入<script type="text/javascript"> (function(b,r,a,n,c,h,_,s,d,k){if(!b[n]||!b[n]._q){for(;s<_.length;)c(h,_[s++]);d=r.createElement(a);d.async=1;d.src="https://cdn.branch.io/branch-latest.min.js";k=r.getElementsByTagName(a)[0];k.parentNode.insertBefore(d,k);b[n]=h}})(window,document,"script","branch",function(b,r){b[r]=function(){b._q.push([r,arguments])}},{_q:[],_v:1},"addListener applyCode banner closeBanner creditHistory credits data deepview deepviewCta first getCode init link logout redeem referrals removeListener sendSMS setIdentity track validateCode".split(" "), 0); branch.init('YOUR-BRANCH-KEY'); branch.banner({ icon: 'http://icons.iconarchive.com/icons/wineass/ios7-redesign/512/Appstore-icon.png', title: 'Branch Demo App', description: 'The Branch demo app!', position: 'top' }, {}); </script>

banner

因此它会在每个页面的顶部显示横幅。但是我希望有些页面在底部显示这个横幅。我尝试在特定页面中调用branch.banner({ position: 'bottom' }, {}); 来覆盖它:

NULL

但它不起作用。那怎么办呢?谢谢!

1 个答案:

答案 0 :(得分:1)

Alex与Branch.io在这里:

如果我理解正确,您将主要的智能横幅摘要放在整个网站的<head>部分中,然后再次使用{{1}添加调用它在某些页面上。不幸的是,这并不是你想要的,因为相同的功能被触发两次,第一个(在position: 'bottom'部分中)优先。

理想的解决方案是在每个页面的<head>部分动态设置position: 'bottom'position: 'top'。实际实施的方法取决于您的网站设置方式。

或者,您也可以为每个页面单独调用智能横幅(例如,在<head>之前)。只有当你只有相当少的页面时,这才可以管理。