人亦已歌 发表于 2023-6-24 18:54:15

熊掌号粉丝关注改造实操

<p>
        【疯狂seo】熊掌号粉丝关注改造实操
</p>
<p>
        为什么要进行<a href="https://www.teamczyx.com/tag/熊掌号">熊掌号</a>粉丝关注呢？有用户的关注还怕没转化吗？在进行粉丝关注改造后可以真正实现沉淀用户，在手机百度中通过【关注】按钮，帮助资源方实现从获取流量到运营用户；同时，获取到的用户可以通过消息推送，粉丝互动来唤醒，进行后续的转化。
</p>
<p>
        <img class="alignnone wp-image-1278 size-full" src="https://www.teamczyx.com/article/u31855134533763709465fm27gp0.jpg" alt="【疯狂seo】熊掌号粉丝关注改造实操" width="475" height="220" title="?tle插图?m" />
</p>
<p>
        那么，如何进行粉丝关注改造呢？
</p>
<p>
        步骤如下：
</p>
<p>
        搜索资源平台 → 熊掌号 → 粉丝关注 → 改造代码
</p>
<p>
        第一步：登陆搜索资源平台
</p>
<p>
        <img class="aligncenter" src="https://zhanzhang.bj.bcebos.com/files/014411529069071.png" title="?tle插图?m" alt="?tle插图?m" />
</p>
<p>
        &nbsp;
</p>
<p>
        第二步：点击粉丝关注：
</p>
<p>
        <img class="aligncenter" src="https://zhanzhang.bj.bcebos.com/files/097781529069071.png" title="?tle插图?m" alt="?tle插图?m" />
</p>
<p>
        第三步：进行代码改造：<br />
代码改造分三步：
</p>
<p>
        1、添加熊掌号ID声明<br />
2、选择H5和MIP方式进行添加相应的代码<br />
3、选择关注方式<br />
根据实际页面情况，选择H5或MIP方式，在页面中添加【关注】按钮，下面以H5页面为例：<br />
首先，在页面&lt;/head&gt;标签前添加熊掌号ID申明代码<br />
&lt;scriptsrc=”//msite.baidu.com/sdk/c.js?appid=1539897736717695″&gt;&lt;/script&gt;<br />
关注bar分为“吸顶bar”，“段落间bar”和“底部bar”三种展现样式。根据具体情况，选择需要展现的“bar”。<br />
添加“吸顶bar”的展现样式如下图：<br />
在页面&lt;body&gt;标签后添加代码：&lt;script&gt;cambrian.render(‘head’)&lt;/script&gt;
</p>
<p>
        <img class="aligncenter" src="https://zhanzhang.bj.bcebos.com/files/015011529069071.png" title="?tle插图?m" alt="?tle插图?m" />
</p>
<p>
        添加“文章段落间bar”的展现样式，如下图：
</p>
<p>
        在页面段落之间添加代码：&lt;script&gt;cambrian.render(‘body’)&lt;/script&gt;
</p>
<p>
        <img class="aligncenter" src="https://zhanzhang.bj.bcebos.com/files/052561529069071.png" title="?tle插图?m" alt="?tle插图?m" />
</p>
<p>
        添加“底部bar”的展现效果，如下图：
</p>
<p>
        在页面文章结束位置添加代码：&lt;script&gt;cambrian.render(‘tail’)&lt;/script&gt;
</p>
<p>
        <img class="aligncenter" src="https://zhanzhang.bj.bcebos.com/files/075711529069071.png" title="?tle插图?m" alt="?tle插图?m" />
</p>
<p>
        以MIP页面为例：
</p>
<p>
        引入熊掌号MIP组件的SDK，使用熊掌号MIP组件
</p>
<p>
        在页面mip.js代码
</p>
<p>
        &lt;script src=”https://c.mipcdn.com/static/v1/mip.js”&gt;&lt;/script&gt;之后，&lt;/body&gt;标签前添加代码
</p>
<p>
        &lt;script src=”https://c.mipcdn.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js”&gt;&lt;/script&gt;
</p>
<p>
        在页面&lt;body&gt;标签后添加代码：&lt;mip-cambrian site-id=”你的appid”&gt;&lt;/mip-cambrian&gt;
</p>
<p>
        添加代码后，效果如下图：
</p>
<p>
        <img class="aligncenter" src="https://zhanzhang.bj.bcebos.com/files/095021529069072.png" title="?tle插图?m" alt="?tle插图?m" />
</p>
<p>
        注意事项：
</p>
<p>
        1、H5页面和mip页面最终呈现的效果不一样，H5显示【查看】，mip页面显示【关注】。
</p>
<p>
        2、添加需要展现的bar(只允许添加2个，后期会审核)
</p>
<p>
        本文转载连接：<a href="https://ziyuan.baidu.com/college/articleinfo?id=2282" target="_blank">https://ziyuan.baidu.com/college/articleinfo?id=2282</a>
</p>
页: [1]
查看完整版本: 熊掌号粉丝关注改造实操