我正在使用branch smart banner .
为了设置横幅，我将以下代码放入 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'
}, {});
但是这不起作用。那么该怎么做呢？谢谢!
最佳答案
Alex 与 Branch.io 在这里:
如果我理解正确的话，您将主要的智能横幅片段放在 <head> 中整个网站的部分，然后还添加使用 position: 'bottom' 再次调用它在某些页面上。不幸的是，这不会按您想要的方式工作，因为同一个函数被触发两次，并且第一个函数(在 <head> 部分中)优先。
理想的解决方案是设置 position: 'bottom'或position: 'top'动态地在 <head>每个页面的部分。实际实现的方法取决于您的网站的设置方式。
或者，您也可以为每个页面单独调用智能横幅(例如，在 </body> 之前)。仅当您的页面数量相当少时，这才可能是可以管理的。
关于javascript - 如何更改分行智能横幅的位置？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36614715/