2018-01-17 Twitter分享卡片效果

一直不是很满意第三方平台的分享,但是又不想去花费很多时间去研究阅读全官网全英文的文档,还是埋头看了很多遍文档,观察研究,坚持坚持,总算是发现是怎么回事,怎么处理的了。

针对Twitter,一般网页链接分享效果都是如下图所示红色截图部分,但是这不是我们的想要的效果。我们想要的是下图所示中间卡片的效果,内容饱满,包含图片文本内容......比起常规效果真是好太多了。

文档写的比较少,排版布局不是很好,以后会努力提高的。



2018-01-17 Twitter分享卡片效果_第1张图片

那么如何才能达到卡片式效果呢,请添加相关属性。官方文档地址参如下:https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started


2018-01-17 Twitter分享卡片效果_第2张图片

以下为测试链接以及链接源码添加的属性,供参考:

http://xz.hotoday.io/hotodayshare/h5/detail/?id=1077782889&app=hotoday&uid=01011611120755024801000060412100&lang=English&platform=android_h5&scenario=0x010100&content_type=0x00000001&share_to=copylink

��

2018-01-17 Twitter分享卡片效果_第3张图片

https://www.nhl.com/news/deryk-engelland-signs-one-year-deal-with-golden-knights/c-294977058



2018-01-17 Twitter分享卡片效果_第4张图片

你可能感兴趣的:(2018-01-17 Twitter分享卡片效果)