首页 > CMS > 帝国Empire > 正文

帝国cms百度熊掌号改造方案案例说明

2024-08-28 12:24:33
字体:
来源:转载
供稿:网友

 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里面的需要
 
所以需要你们的开发加在样式里面
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表