问题标签 [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.

79 问题

0 投票

0 回答

18 浏览

google-analytics - Google Analytics 可以跟踪社交媒体网站生成的 URL 预览吗

当链接发布到 Facebook、Twitter 和 WhatsApp 等社交媒体网站时，生成的预览是否会导致可在 Google Analytics 中捕获的页面视图？我假设每个社交媒体平台都会对域进行 HTTP 调用以获取它用于创建预览的 Open Graph 标签。我可以预见到这种行为的一种情况是，如果有人收到电子邮件中的链接，他们只需复制链接并将其发布到社交媒体。我希望能够了解这是否正在发生。

如果它确实在第一次加载预览时确实生成了页面视图，那么如果帖子在平台上转发/转发会发生什么？该操作会生成新的预览还是重用现有的预览？

0 投票

1 回答

83 浏览

facebook - Facebook 的调试器显示预览图像，但在 Facebook 上却没有拉入相同的预览图像？

Facebook 将随机获取我在公司页面上分享的帖子，并将预览图像设为空白/白色。真让人抓狂。

这是我要复制的内容：

复制我要分享的网址
转到 Facebook 的调试并检查 URL 以确认预览图像显示
转到 Facebook 并在帖子中分享 URL
预览图像为空白/白色

示例 URL：https ://hoist.digital/content/blog/know-the-value-of-phone-calls-and-grow-your-business-with-call-tracking

在该 URL 上打开图形代码

我复制这个的视频：https ://hoist.digital/facebookattempt.webm

如果开放的图形代码在那里，它是安全的，还有什么可能导致 Facebook 偶尔脱落并使一些预览图像变成白色/空白？这也是一个奇怪的踢球者……有时我可以在 Facebook 中编辑/刷新预览图像，预览图像会再次显示……但几天后它又变回白色/空白。

facebook facebook-opengraph share-open-graph

0 投票

1 回答

34 浏览

html - 我的网页上的 Open Graph 标签在任何地方都可以使用，但在 Facebook 上却不行

我将开放图形标签添加到我的网站。我测试了它，它很好。Link 的 Open Graph 在 Twitter 和 Linkedln 中运行。但是当我在 Facebook 上分享它时，它给出了 404。我不明白为什么它不起作用。它适用于其他页面。

链接：https ://dergipark.org.tr/tr/pub/ankutbd/issue/59752/577277

Facebok 调试器图像：在此处输入图像描述

html facebook-opengraph meta-tags share-open-graph open-graph-beta

0 投票

1 回答

50 浏览

reactjs - Reddit 链接缩略图不显示动态 og:image

我有一个 NextJS 应用程序，用户可以在其中共享指向 Reddit 的链接，并且 Reddit 中的链接预览应该根据共享链接显示不同的缩略图。它可以完美地共享到 Slack 或 FB，但无论共享的链接如何，它总是在 Reddit 上显示完全相同的图像。

正如您在下面看到的，它应该基于trade.id. 但是，在 Reddit 上，它始终只显示 trade.id == 2 的图像（这是我为测试而共享的第一个）。我试过使用不同的帐户，但仍然是同样的问题。

reactjs next.js facebook-opengraph reddit share-open-graph

0 投票

0 回答

62 浏览

html - Facebook Open Graph 标签无法识别

我目前正在构建https://redeemable.app/ ，并且大多数流行平台（包括 http://developers.facebook.com/tools/debug和 Twitter）都无法识别开放图形元标记。

检查页面源代码，我的 <head> 标记中有以下内容：

在一些开放图验证器上，这些元标记工作得很好：

但是，在 facebook 图验证器、推特和 Discord（恰好是最重要的）上，我的链接无法被识别。

例如，在opengraph.xyz和facebook 的调试器上无法识别图像、标题和描述

我不明白为什么元标记在某些网站上有效，而在其他网站上无效。似乎我做的一切都是正确的——正在服务器端加载 html，并且我验证了页面源中存在所有标签，所以这个答案不适用。此外，我在 html 标签中有 OGP 前缀，所以这也不适用。

有谁之前经历过这个吗？

html facebook-opengraph meta-tags meta share-open-graph

0 投票

0 回答

6 浏览

share-open-graph - OpenGraph 预览图像看起来放大了

在 Facebook 上的 OpenGraph 调试器中，预览看起来正是我想要的样子：

但是当我真正分享网址时，它看起来像这样：

我有这些图像属性。第二个是使用图像在我的屏幕上占据的确切像素尺寸，但它仍然像这样超级放大。我该如何解决？

share-open-graph

0 投票

1 回答

32 浏览

html - Why is my open graph image meta tag isn't working on Facebook?

This is the very first time I try to deploy something. Though the webpage is for testing purposes and not finished yet but I want to share it for my friend to see.

When I share my web with some of my friends, I can't see the open graph image

It just displays like this

I'm just trying to implement a very simple static open graph image, not the dynamic one.

Here's how I set up my head in the public/index.html of my React-app

Here's my VERCEL App, I've View Source and saw that it has og meta tag in there, but Facebook refuses to read the image, what have I done wrong?

Here's the Image I tried to implement.

This is my folder structure in the ReactJS application.

html reactjs meta share-open-graph

0 投票

0 回答

16 浏览

facebook-graph-api - 打开图形图像 | 即使在调试后也能在 LinkedIn 上正确显示，但不能在 Facebook 上显示

Facebook 将我的打开图形图像默认为我网站主页上的随机图像 - 即使对于其他页面，它也使用相同的图像 - 即使在指定了 og:image （和其他 og 属性）的页面上也是如此。LinkedIn 似乎正在正确地提取图像。我尝试使用 Facebook Debugger 工具，但这也没有纠正它 - 它实际上显示了 og:image 调试结果中指定的错误图像。有任何想法吗？不使用 WordPress。

facebook-graph-api facebook-opengraph share-open-graph

0 投票

1 回答

8 浏览