问题标签 [share-open-graph]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
348 浏览

node.js - 粘贴链接时如何提取元数据和打开图形信息?

我正在构建一种共享系统,用户可以在其中粘贴链接并与他们的朋友分享。

当用户粘贴链接时,我希望能够提取标题、描述和图像等信息。类似于 Facebook 或 LinkedIn。

该系统有一个“共享框”,用户可以在其中写评论并粘贴链接。在保存之前,我需要检索一些元数据来完成链接的基本信息。

我正在使用由 NodeJS 中的 REST API 支持的 ReactJS 构建系统。有谁知道执行此操作的包或库?应该在前端完成,还是需要与后端交互?

谢谢。

0 投票
1 回答
27 浏览

share-open-graph - 打开图形图像不显示

我有我在测试中使用的这段代码,open graphic这是下面的代码:

但问题是当 Facebook 页面打开时图像拒绝显示,我什至更改了图像仍然是相同的结果。这是我的页面的链接。请问有什么帮助吗?

0 投票
3 回答
605 浏览

javascript - FB.ui share_open_graph 在移动设备上给出错误响应

我的编码如下:

如果在桌面浏览器上测试,点击“立即分享”,弹出分享对话框,点击取消/X,会显示“发帖时出错”。如果在手机浏览器上测试,点击“立即分享”,弹出分享对话框,点击取消/X,会显示“发布完成”。有人对这个问题有任何线索吗?

0 投票
1 回答
105 浏览

facebook-opengraph - 与 facebook 共享时显示自定义属性值

我有以下元标记集

当我分享上述内容时,只显示描述。如何让主题标签显示?

我正在使用以下内容分享到 FB。

0 投票
0 回答
33 浏览

facebook-graph-api - 使用对象“个人资料”发布打开的 gtaph 故事

我想从我的应用程序中发布一个关于其他用户的故事。我想获得一个带有链接的故事,例如http://prntscr.com/def3b6。我使用 OpenGraph 对象:配置文件。我写了标签:profile:first_name,profile:username,profile:gender,profile:last_name,fb:profile_id。我得到了这个: http: //prntscr.com/def3l4

我究竟做错了什么?

0 投票
3 回答
4165 浏览

facebook-opengraph - Viber og:图像标签

我有以下网址:http:
//ikre.info/vijesti/item/902-cestitka-u-povodu-dana-nezavisnosti-bih.html

并设置所有og标签:

但是,如果我在 Viber Messenger 中分享链接,Viber 仍然会忽略该链接。

0 投票
1 回答
327 浏览

facebook - FB.ui share_open_graph errorMessage:“Facebook 错误:发布消息时出错”

我正在尝试share_open_graph使用 cordova_plugin_facebook4发布一个故事showDialog。但是当我发布时,我收到了这个错误信息:errorMessage: Facebook error: Error publishing message。我用谷歌搜索了很多,但直到现在没有答案。请任何人都可以告诉我如何解决它?

这是我正在使用的代码:

这是我的系统信息:

发行商 ID:Ubuntu 描述:Ubuntu 17.04 发行版:17.04 代号:zesty

全局包:

本地包:

系统:

0 投票
0 回答
125 浏览

meta-tags - 社交分享:针对不同平台的单独元标记,例如优化图像

我想知道是否有办法使用元信息,例如<meta property="og:image" content="image.jpg"><meta name="twitter:image" content="tw-image.jpg">

而是将图像链接到正确大小的图像,具体取决于它们被共享到的社交平台。

换句话说

来自 Facebook 的人分享了指向我的网页http://www.example.com/pagex/的链接,并且 facebook 显示了我提供的 fb-image.jpg 大小为 1200 像素 x 900 像素的图像源,因此它不会裁剪我的图像.

另一个人在 google plus 上分享相同的 url http://www.example.com/pagex/,然后 google plus 选择我提供的源图像 gplus-image.jpg 大小为 1080px x 1080px 所以它显示了我的完整的图像。

另一个用于 pinterest,另一个用于 twitter,另一个用于linkedin

我希望这是有道理的。

0 投票
3 回答
693 浏览

laravel-5 - 不在电报打开元数据中显示链接预览

我正在使用开放图形元标记,当共享链接的 og 元标记在 Telegram 中不正确时。喜欢链接:http: //yaldayekavir.com/fa/product/223/%D9%85%D8%AD%D8%B1%D8%A7%D8%A8

0 投票
1 回答
2361 浏览

linkedin - LinkedIn 文章分享在预览中看起来不错,但实际帖子中缺少图片

我正在尝试在 LinkedIn 上分享一篇文章(或该网站的任何文章),但指定为的图片og:image从未出现在帖子中。
我测试过的其中一篇文章是http://insights.ortec-finance.com/nl-nl/2018/02/05/press-release-data-analytics我使用的文章共享链接基于https://www.linkedin.com/shareArticle?

当您查看预览时,看起来一切正常:

预览看起来不错

但是在发布文章并查看已发布的内容后,图像丢失了:

但实际帖子中缺少图像

我已经阅读了大量类似问题的报告,并尝试了所有我能找到的补救措施,但它仍然不起作用。到目前为止我已经尝试过:

1) 确保所有必需的og:元标记都存在。

2) 确保图片符合 LinkedIn 要求(小于 5MB,尺寸至少为 1200x600)。

3) 确保图像的内容类型在响应标头中设置正确。

4)尝试了其他几篇文章,它们都显示出相同的症状:图像显示在预览中,但发布共享后却没有。

我在这里想念什么?