海外主流社交飞哥工具

理解开放图谱

一个被分享到交际平台的网页,通常以包含标题、描述和缩略图等摘要的卡片情势表现。网页的内容千差万别,用户想要分享的大概是一篇文章,一首歌,亦或是一部影戏。交际平台该怎样出现分享内容才能兼具正确和雅观呢?

开放图谱( Open Graph )是 Facebook 公司创造的一种通讯协议,它使任何网页都能成为交际网络中的富对象!(具有标题、描述等属性的数据实体)。简单地说,Web 开发者在网页中使用标志语言设置分享内容,网页被用户分享,Facebook 抓取网页上的分享内容,经过加工后表现在页面上。

开放图谱可以或许带给用户更好的交际体验。举个例子,当用户分享一个视频网站的播放页面 Foo,实际上想要分享的是上面的视频 Bar。在网页标志了视频链接的环境下,Facebook 可以或许直接表现可播放的视频 Bar,而不需要用户再跳转到网页 Foo 欣赏。

现在国外主流的交际软件基本上都支持开放图谱。有了它,我们可以或许控制网页在交际网络上展示的情势和内容。

在网页的 head 中使用 meta 标签添加开放图谱标志:

< head > < title > Example Page </ title > < meta property = " og:url " content = " https://example.com " > < meta property = " og:type " content = " website " > < meta property = " og:title " content = " Introducing AI Retouch " > < meta property = " og:description " content = " I am using BeautyPlus ... " > < meta property = " og:image " content = " https://example.com/image.jpg " > ... </ head >

上面的开放图谱标志声明了用户分享的是一个网页,而且提供了标题、描述和图片供交际平台展示。

更多开放图谱骚操作请阅读 Facebook 网站管理员分享指南 。

分享到 Facebook

首先,在 Facebook 开发者平台上 创建应用 得到 AppId ,在网页中 加载和初始化 SDK 。

在需要分享内容的时间调起分享对话框:

window . FB . ui ( { method : 'share' , quote : 'some text' , hashtag : '#frontend' , href : 'https://example.com' } )

随后页面将跳转到 Facebook 的发帖页面。

Twitter 提供了 Web Intents 用于通过网页分享内容,只需使用户跳转到一个链接。

https://twitter.com/intent/tweet?text={推文}&hashtags={话题}&url={网页链接}

可以自定义预设推文 text ,一个或一个以上用逗号分开的话题 hashtags ,以及网页链接 url 。URL 需要用 encodeURIComponent 编码,不然大概出现跳转到 Twitter 后的链接不完备。

若用户安装了 App,叫醒客户端。不然通过网页版分享。

分享到 Instagram

很遗憾,现在 Instagram 临时没有提供任何可靠的 Web 分享方法。

唯一大概有效的是,官方文档中提到的用于调起客户端功能的 iPhone Hooks —— 实!际上就是深度链接( Deep Linking )。对于分享图片的场景,可以先引导用户保存图片,然后用深度链接叫醒 Instagram App,最后由用户手动选择图片发帖。

instagram://app

留意,经测试这些深度链接在 Android 装备上并不好使,很大概只在 iOS 平台实现。

分享到 WhatsApp

现在 WhatsApp 仅支持通过深度链接调起 App 的方法分享一段文本。荣幸的是,我们可以把网页链接放在 text 中,分享后应用会依据开放图谱友爱表现。

whatsapp://send?text={文本}

分享到 Line

Line 提供了 Social Plugins 用于分享网页,只需让用户跳转到一个链接。跳转后会叫醒 App 要么进入网页版 —— 取决于用户是否安装了客户端。

https://social-plugins.line.me/lineit/share?url={网页链接}

分享到 Facebook Messenger

Messenger App 提供了用于分享的深度链接,容许发送一个网页。

fb-messenger://share/?link={网页链接}

twitter自定义分享缩略图

微信中分享链接给好友/微信群,要想使分享的链接带有自定义的标题,简介和缩略图的话,那么我们必须使用到飞哥工具!微信卡片链接天生工具。
使用工具:

飞哥工具
地点:百度搜索

使用方法: 一、

进入飞哥工具页面后,根据表现,我们填入相应的链接,标题,描述和缩略图之后,一键天生即可,如下图:

三、

点击提交后,进入天生页面,点击右上角分享选择好友或群即可

效果如下:

条件条件

开放图谱标志

启用分享功能之前,您需要使用 开放图谱标签 来标志您页面的 HTML。

这有助于确保当用户通过您的网站分享内容时,您的内容将以您预期的方法表现在 Facebook 上,并包含标题、说明以及缩略图。

假如您拥有移动子域,还可以 针对移动子域 优化内容。

请留意:假如您的应用分享的是 iTunes 或 G!oogle Play 商店的链接,我们不会公布您在分享中指定的任何图片或说明,而会公布通过网络爬虫直接从应用!商店抓取的一些应用信息,此中大概不包括图片。要预览转至 iTunes 或 Google Play 的链接分享,请在 分享调试器 中输入您的网址。

具体理解

本文网址: https://www.4008140202.com/pp/20210229205_370_2801370512/home

推荐阅读

tags

最新发布