Jiathis官网JiaThis博客 | 专注于社会化插件!

二/12

13

JiaThis高级自定义之:如何动态自定义分享页面Title和Summary

今天给大家介绍的JiaThis高级自定义功能为:“如何动态自定义分享Title和Summary”。

当网站使用JiaThis分享工具时,用户所分享的内容是页面地址和标题,如果默认的页面标题信息不符合网站主的需求,就可以使用“自定义分享页面Title和Summary”的方法将分享页面的标题和描述变为动态调用方式。下面我们就为大家详细介绍一下该自定义方法。

一、动态分享文章Title

首先网站主需要了解并可以找到文章标题DIV的ID值,例如测试文章标题所在DIV的ID值为article_title ,添加方法如图所示:

< !– JiaThis Button BEGIN –>

< script>

var jiathis_config = {

title:document.getElementById(“article_title”).innerHTML

}

< /script>

< !– JiaThis Button END –>

二、动态自定义Summary

同样,JiaThis分享工具默认获取页面<meta>标签的内容作为分享摘要。如果用户想抓取动态页面中的Summary,需要找到文章摘要DIV的ID值。例如,测试文章摘要所在DIV的ID值为description 添加方法如图所示:

< !– JiaThis Button BEGIN –>

< script>

var jiathis_config = {

url:”http://www.jiathis.com”,

title:document.getElementById(“article_title”).innerHTML,

summary:document.getElementById(“description”).innerHTM

}

< /script>

< !– JiaThis Button END –>

   【提示】:本地测试时,QQ空间无法抓取页面分享信息,建议指定一个线上URL地址测试。

 

 


No tags

<<

>>

Theme Design by devolux.nh2.me