如何更改分支智能横幅的位置？

Question

为了设置横幅，我将下面的代码放入 head:

<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'
}, {});

但是没用。那怎么办呢？谢谢！

Answer 1

Alex 与 Branch.io 在这里：

如果我没理解错的话，您是将主要的智能横幅代码段放在整个网站的 <head> 部分，然后还添加第二次调用它在某些页面上有 position: 'bottom'。不幸的是，这不会像你想要的那样工作，因为同一个函数被触发了两次，第一个（在 <head> 部分）优先。

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

或者，您也可以为每个页面单独调用智能横幅（例如，就在 </body> 之前）。仅当您的页面数量相当少时，这才可能是可管理的。

如何更改分支智能横幅的位置？

How to change the position of branch smart banner?

javascript

smartbanner

branch.io