关于把文章分享到facebook,google,twtter,whatsapp的总结

2024-06-07 18:10:25

关于把文章分享到facebook,google,twtter,whatsapp的总结

在网站的mete标签处还需要添加内容

<meta name="title" content="lopScoop">

<meta name="twitter:site" content="@lopscoopNews">

<meta name="twitter:card" content="summary_large_image">

<meta name="twitter:url" class="share_url" content="http://hotintoday.com/content?id=92003">

//分享链接 http://hotintoday.com/content?id=92003

<meta name="twitter:title" class="share_title" content="${contentInfo.title }">

//分享标题 ${contentInfo.title } 根据自己情况而定 eg：content="分享的链接标题内容"

<meta name="twitter:description" content="${contentInfo.description }">

//分享描述 ${contentInfo.description } 根据自己情况而定 eg：content="分享的链接描素内容"

<meta name="twitter:image" content="${contentInfo.thumbnail}">

//分享图片 ${contentInfo.thumbnail} 根据自己情况而定 eg：content="图片链接地址"

以及

<meta property="og:url" class="share_url" content="http://hotintoday.com/content?id=92003" />

<meta property="og:type" content="article" />

<meta property="og:title" class="share_title" content="${contentInfo.title }" />

<meta property="og:description" content="${contentInfo.description}" />

<meta property="og:image" content="${contentInfo.thumbnail }" />

//分享到facebook

function fbShare(contentId) {

u = document.getElementsByClassName("share_url")[0].content;

t = document.getElementsByClassName("share_title")[0].content;

window.open("http://www.facebook.com/sharer.php?u="+ encodeURIComponent(u) + "&t="+ encodeURIComponent(t), "sharer","toolbar=0,status=0,width=626,height=436");

"sharer","toolbar=0,status=0,width=626,height=436" 设定分享窗口视图高度

}

//分享到google

function googleShare(contentId) {

u = document.getElementsByClassName("share_url")[0].content;

t = document.getElementsByClassName("share_title")[0].content;

//window.open("https://plus.google.com/share?url="+encodeURIComponent(u), "sharer","menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600");

}

//分享到twtter

function twitterShare(contentId) {

u = document.getElementsByClassName("share_url")[0].content;

t = document.getElementsByClassName("share_title")[0].content;

//window.open("http://twitter.com/home?status="+encodeURIComponent(u)+""+encodeURIComponent(t),"sharer", "toolbar=0,status=0,width=626,height=436");

}

分享到whatsapp

function whatsApp(contentId){

u = document.getElementsByClassName("share_url")[0].content;

t = document.getElementsByClassName("share_title")[0].content;

location="whatsapp://send?text="+ encodeURIComponent(t) + encodeURIComponent("\n\n"+u)+"&via=lopscoop";

}

页面调用的方法（html）

<div class="xq-loginshare">

<a href="javascript:fbShare();" class="xq-facebook">facebook</a>

<a href="javascript:googleShare();" class="xq-google">google</a>

<a href="javascript:twitterShare();" class="xq-twtter">twtter</a>

<a href="javascript:whatsApp();" class="xq-whatsapp" data-action="share/whatsapp/share">whatsApp</a>

</div>

红色是内容重点，分享的地方，加上要分享的url，share_url 是要分享的地址

例如分享facebook，点击发布，就可以看到facebook 内容了

重要注意事项
我要在a页面通过点击按钮分享b页面到facebook，b页面要写mete标签各种配置的 <meta property="og:image" content="分享标题" />，还有分享链接，facebook，google，twttwe，whatsapp通过抓取你的分享链接页面的mete标签，来展示等

关于把文章分享到facebook,google,twtter,whatsapp的总结相关推荐

facebook、twitter、facebook登录、whatsapp分享、微信分享
facebook.twitter.facebook 登录.whatsapp 分享.微信分享几个概念爬虫所谓爬虫,是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本. html 元素图谱对 ...
EGO首次线下活动分享：Facebook研发团队的高效秘诀
4月22日晚,QCon全球软件开发大会(北京站)2015前夕,极客邦科技旗下品牌EGO(超级极客邦)首次线下活动在北京国际会议中心举行,来自全国各地的50余名技术人参加了活动,近期加入阿里巴巴的赵海平 ...
php运行socket服务器,PHP_php简单socket服务器客户端代码实例，本篇文章分享一个简单的socket - phpStudy...
php简单socket服务器客户端代码实例本篇文章分享一个简单的socket示例,用php.实现一个接收输入字符串,处理并返回这个字符串到客户端的TCP服务. 产生一个 socket 服务端 /*文 ...
怎么将手机QQ浏览器里面的文章分享给QQ好友
qq浏览器是一个大家都会使用到的搜索软件,用户可以使用手机在这里掌握非常便捷的搜索服务,用户可以打开自己的手机在这里搜索自己想要的文章内容,可以将这些内容分享给朋友,让朋友一起来学习文章内容,那么用户 ...
这是 Google 工程师 Amit Singhal 发表在 Google 官方博客的一篇文章，讲述了 Google 搜索排名背后的一些技术，涉及到 Google 对网页，对语义，对用户意图的理解。
XEIM这是 Google 工程师 Amit Singhal 发表在 Google 官方博客的一篇文章,讲述了 Google 搜索排名背后的一些技术,涉及到 Google 对网页,对语义,对用户意图的 ...
人工智能的发展历程，AI ，路在何方（文章分享）
人工智能的发展历程,AI ,路在何方(文章分享) 详细请见原文,原文连接相信有许多初入人工智能领域的朋友,像我一样,或多或少会对人工智能的历史.未来感到迷茫.当我读完这篇文章的时候,第一感觉是比较震 ...
stm32之低功耗总结帖：文章分享、官方文档、个人经验
目录前言一.目的二.先上优秀博文: 三.官方文章分享: 四.写一写到底选择什么模式: 4.1.低功耗的目的和应用: 4.2.stm32各种模式的区别: 4.2.1.睡眠模式 4.2.2.停止模式 ...
js网站上添加tweet facebook google+等英文分享按钮代码
1.拷贝下面的代码,插入到需要显示的位置 <span class='st_googleplus' displayText='Google +'></span> <span ...
分享推荐一些 Google Chrome 插件
目录前言 AdGuard 广告拦截器 bilibili 哔哩哔哩下载助手 Checker Plus for Gmail™ Custom Cursor for Chrome™ - 自定义光标 Down ...

最新文章

热门文章