帝国cms百度熊掌号改造方案案例说明
2018-05-27 站长 站长日志
1,帝国CMS熊掌号H5改造
注:全部在内容页模板改造一、添加canonical标签(必选)
<link rel="canonical" href="http(s)://xxx"/>
要求href的内容为mip页或h5页对应的PC页地址,如果没有PC页的情况,当前页面是mip页面的可以填写h5页面地址,如果也没有h5页面,可以不添加canonical标签;当前页面如果是h5页面,也没有pc页同样可以不添加这个标签。
如图:
<link rel="canonical" href="http(s)://xxx"/>加在head里面
有PC站 放PC站的路径
帝国的应该写<link rel="canonical" href="http(s)://www.abc.com[!--titleurl--]"/>
二、添加Json_LD数据(必选)
字段说明: @context:必选字段,结构化数据json-ld的schema地址,保持和上例一致
@id: 必选字段,当前网页的url
title:必选字段,展现在官方号首页中的标题,建议长度:20个字符以内
images:可选字段,展现在官方号首页中的图文信息,如果字段存在仅允许提供1张图或3张图的数据
description:可选字段,标明网页的内容摘要
pubDate: 必选字段,标明网页的发布时间
帝国改造方案
@id应该写 "@id": "http://m.abc.com[!--titleurl--]",
title:”[!--title--]”
images:[”[!--titlepic--]”]
Description:”[!--smalltext--]”
现在讲到重点了
帝国cms对于时间的格式化这块不怎么重要
于是我找到群里的以为帝国大神
想了一个办法 来改造时间格式
帝国pubDate格式化用
"pubDate": "<?=date("Y-m-d",$navinfor['newstime'])?>T<?=date("H:i:s",$navinfor['newstime'])?>"
其中newstime为文章的发表时间的时间戳
<?=date("Y-m-d",$navinfor['newstime'])?> 为获取newstime字段的时间戳格式化成年月日
<?=date("H:i:s",$navinfor['newstime'])?>"为获取newstime字段的时间戳格式化成时分秒
<?=date("Y-m-d",$navinfor['newstime'])?>T<?=date("H:i:s",$navinfor['newstime'])?> 俩个加起来就可以为yyyy:mm:ddTHH:ii:ss
三、添加关注功能代码(可选)
首先加入官方号的SDK
<script src="//msite.baidu.com/sdk/c.js?appid=你的官方号ID"></script>
加在header里面
然后加入要展现的bar
吸顶bar <script>cambrian.render('head')</script>
文章段落间bar <script>cambrian.render('body')</script>
底部bar <script>cambrian.render('tail')</script>
注意:上述三种bar在样式上没有预留左右边距,若页面自身没有设置边距,建议按照如下方法使用。其中padding-left、padding-right为边距属性,可按需修改。
顶部Bar <div "padding-left: 17px; padding-right: 17px;"> <script>cambrian.render('head')</script> </div>
文章段落间bar <div "padding-left: 17px; padding-right: 17px;"> <script>cambrian.render('body')</script> </div>
顶部bar <div "padding-left: 17px; padding-right: 17px;"> <script>cambrian.render('tail')</script> </div>
H5改造结束
2:帝国MIP熊掌号改造
一、添加canonical标签(必选) <link rel="canonical" href="http(s)://xxx"/>
MIP添加canonical标签跟普通添加canonical标签一样
如图:
<link rel="canonical" href="http(s)://xxx"/>加在head里面
有PC站 放PC站的路径
帝国的应该写<link rel="canonical"href="http(s)://www.abc.com[!--titleurl--]"/>
二、添加Json_LD数据(必选)
Json_Ld数据添加跟普通是一样的字段说明:
@context:必选字段,结构化数据json-ld的schema地址,保持和上例一致
@id: 必选字段,当前网页的url
title:必选字段,展现在官方号首页中的标题,建议长度:20个字符以内
images:可选字段,展现在官方号首页中的图文信息,如果字段存在仅允许提供1张图或3张图的数据
description:可选字段,标明网页的内容摘要
pubDate: 必选字段,标明网页的发布时间
帝国改造方案
@id应该写 "@id": "http://m.abc.com[!--titleurl--]",
title:”[!--title--]”
images:[”[!--titlepic--]”]
Description:”[!--smalltext--]”
现在讲到重点了
帝国cms对于时间的格式化这块不怎么重要
于是我找到群里的以为帝国大神
想了一个办法 来改造时间格式
帝国pubDate格式化用
"pubDate": "<?=date("Y-m-d",$navinfor['newstime'])?>T<?=date("H:i:s",$navinfor['newstime'])?>"
其中newstime为文章的发表时间的时间戳
<?=date("Y-m-d",$navinfor['newstime'])?> 为获取newstime字段的时间戳格式化成年月日
<?=date("H:i:s",$navinfor['newstime'])?>"为获取newstime字段的时间戳格式化成时分秒
<?=date("Y-m-d",$navinfor['newstime'])?>T<?=date("H:i:s",$navinfor['newstime'])?> 俩个加起来就可以为yyyy:mm:ddTHH:ii:ss
三、添加关注功能代码(可选)
首先加入官方号的SDK
先引入官方号的mip-cambrian.js加在header里面
然后在body之后添加官方ID的标签
<mip-cambrian site-id="你的ID"></mip-cambrian>
最后添加展现的bar 因为我的bar代码全部加在CSS里面的需要
所以需要你们的开发加在样式里面
下一篇:帝国cms实现帝国省市联动菜单