如何在branch.io中为android自定义智能应用横幅?

时间:2016-06-21 05:34:52

标签: android css wordpress branch.io smartbanner

我使用wordpress中分支指标提供的代码来创建智能横幅,但我无法更改横幅的颜色,高度和位置。我还需要横幅上的箭头!!在wordpress中是否有用于此目的的插件!

1 个答案:

答案 0 :(得分:0)

来自Branch.io的Alex:我们目前没有智能横幅的WordPress插件,但这是一个好主意!

与此同时,我们可以使用一些customization options,您也可以将自己的custom CSS styles应用于横幅广告。

修改

简单地调整横幅的高度是一个你需要自己感觉的黑客攻击,但是你可以使用这个代码作为起点(例如将高度从76px增加到90px):

    <style>
        #branch-banner-iframe {
            height: 90px !important;
        }
    </style>

    <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('key_live_xxxxxxxxxxxxxxxxxxxxx');
        branch.banner({
            icon: 'http://icons.iconarchive.com/icons/wineass/ios7-redesign/512/Appstore-icon.png',
            title: 'Branch Demo App',
            description: 'The Branch demo app!',
                customCSS: '.content { height: 90px !important; } .right { height: 77px !important; padding-top: 29px !important; } .left { height: 77px !important; } #branch-banner-close { top: 21px; } #branch-banner .icon img { margin-top: 7px; }'
        }, {});
    </script>