facebook-opengraph 相关问题

通过开放图谱协议,您可以将网页集成到社交图中。 Open Graph可帮助人们使用他们使用的应用程序讲述他们的生活故事。它目前设计用于代表真实世界事物简介的网页 - 电影,运动队,名人和餐馆等。

无法通过facebook graph api与bm合作伙伴分享我的广告帐户

我需要 Facebook Graph API 专家的帮助。 我在使用此功能时遇到以下问题:企业对企业。 具体来说,通过此操作:授予其他企业对资产的访问权限

回答 1 投票 0

如何同时插入Facebook和WhatsApp的网站预览图像?

我知道如何在 HTML 的 head 中使用 Open Graph 元标记。例子: 我知道如何在 HTML 头部使用 Open Graph 元标记。示例: <meta property="og:type" content="website"> <meta property="og:url" content="https://sitename.com/"> <meta property="og:title" content="My blog"/> <meta property="og:description" content="Tutorial..."/> <meta property="og:image:secure_url" content="https://sitename.com/img/tutorial.png"/> 但是,如果某种类型的预览图像适合 WhatsApp,那么它就不适合 Facebook!那么应该如何同时为不同平台设置meta标签呢? 您可以指定两个(或更多)Open Graph 图像,第一个是 FB 的矩形图像,第二个是 WhatsApp 的方形图像。 <meta property="og:type" content="website"> <meta property="og:url" content="https://sitename.com/"> <meta property="og:title" content="My blog"/> <meta property="og:description" content="Tutorial..."/> <meta property="og:image" content="https://sitename.com/img/tutorial_1200-600.png"/> <meta property="og:image:width" content="1200"/> <meta property="og:image:height" content="630"/> <meta property="og:image" content="https://sitename.com/img/tutorial_400-400.png"/> <meta property="og:image:width" content="400"/> <meta property="og:image:height" content="400"/> WhatsApp 使用最后一张图片。

回答 1 投票 0

Facebook API 登录返回此 URL 的域不包含在应用程序的域中

我尝试进行简单的 Facebook 登录,但是当我使用登录 URL 时,出现错误: 无法加载网址 此 URL 的域不包含在应用程序的域中。为了能够加载此 URL,...

回答 1 投票 0

(Vue 3) Open graph仅在首页有效,其他路线无效

我有一个部署到 github 页面的 VueJS 网站,在 /index.html 内的 部分中包含以下开放图形设置: 我有一个 VueJS 网站部署到 github 页面,在 <head> 内的 /index.html 部分中包含以下开放图形设置: <head> <meta name="description" content="My description"> <meta property="og:title" content="My Title" /> <meta property="og:description" content="My description" /> <meta property="og:url" content="https://demo.github.io/path/" /> <meta property="og:type" content="website" /> <title>My Title</title> </head> 因此,如果我像通过 Discord 一样分享我的主页 https://demo.github.io/path/,则会显示相关信息。 但是,如果我分享其他页面,例如https://demo.github.io/path/about,则不会显示任何信息。 我错过了什么,还是需要 SSR(即 nuxt)? 我希望当我在https://demo.github.io/path/下共享任何页面时,打开的图表信息应该正确显示。 这种事情确实需要SSR。您的第一个初始页面确实会被查看,因为它包含一些带有 OG 标签的 HTML 头,但页面的其余部分是从 SPA 生成的。这意味着您没有平台机器人抓取的任何内容(它们可以解析 JS,但通常不会)。 您可以通过在浏览器上访问 View Page source 轻松地进行双重检查,或者更好地暂时禁用 JS。如果你看到一个空白页面并且 HTML 中没有内容,那么你需要 SSR(可以是 SSR 或 SSG tbh)。 您可以使用以下方法来解决您的问题: NuxtJS,仍然是今天最好的方式 类星体 prerender.io 任何其他可以在服务器上呈现您的代码的自制中间人

回答 1 投票 0

在 Whatsapp 中共享链接的最佳 og:图像大小是多少(图像渲染速度慢)

找到在 Facebook 上共享链接的最佳尺寸似乎很容易。我有一个可以分享到 Facebook 的应用程序,并且图像显示得非常完美。我在 Whatsapp 上使用相同的尺寸,但是发生了什么......

回答 2 投票 0

来自 Open Graph 的预览未出现在 Telegram 主页中

我遇到了一个问题,即 Open Graph 的预览未出现在我网站主页的 Telegram 中,但出现在任何其他页面上。例如: https://andrei-psyhelp.ru/ -

回答 1 投票 0

有效的 Azure Blob 元数据标识符

我一直在尝试在存储在 Azure Blob 上的 .mp4 视频上添加元数据。我想添加 opengraph 标签,当我尝试输入它们时,我收到一条消息:“名称:‘og:type’

回答 2 投票 0

React Open Graph 预览在 Facebook 调试器中不起作用

我正在使用react,并使用react-helmet生成动态元标记,其元标记显示在开发人员元素部分中,而不显示在页面源中 当我将应用程序部署到服务器时...

回答 1 投票 0

我无法在我的 Facebook Pixel 的转换 api 中生成用于转换 api 的访问令牌

我收到的消息是 缺少先决条件 您无法生成访问令牌,因为您没有所选像素的管理员访问权限 企业帐户。要生成访问令牌,请询问

回答 2 投票 0

“fb:app_id”元标记中指定的应用程序 ID 无效

我尝试为我的网站启用 Facebook Insights。我将页面的 APP_ID 添加到 fb:admins 中,以便页面的每个管理员在以页面身份登录 Facebook 时能够访问 Insights。但当我尝试保存

回答 6 投票 0

当我分享我的网站链接时,标题不显示

我已经使用了元标题、图像以及此sql错误语句在标题中显示的所有内容。 当我第一次开发我的网站并遇到一些错误时,出现了这个 sql 错误。现在我的网站没有问题了,

回答 1 投票 0

Inertiajs 添加开放图元标签{{ 产品名称 }}

我通过惯性使用 head 标签进行了尝试。 {{ 产品名称 }} 我通过惯性尝试使用头标签。 <Head> <!-- HTML Meta Tags --> <title>{{ product.name }}</title> <meta name="description" :content="product.summary"/> <!-- Open Graph Meta Tags --> <meta property="og:url" :content="http://localhost/${product.slug}/${product.id}/`"/> <meta property="og:type" content="product"/> <meta property="og:title" :content="product.name"/> <meta property="og:description" :content="product.summary"/> <!-- Thumbnail Meta Tags --> <meta head-key="og:image" property="og:image" :content="`http://localhost/${product.thumbnail.path}-size-300.${product.thumbnail.mime}`"/> <meta property="og:image:width" content="300"/> <meta property="og:image:height" content="300"/> <!-- Locale Meta Tags --> <meta property="og:locale" content="en_MY"/> <meta property="og:locale:alternate" content="zh_CN"/> </Head> 但是,Facebook 不会检测到此代码,因为它是在 javascript 运行后动态生成的 谢谢你。 2024 年 3 月: 我不想启用或切换到 SSR,所以就我而言,使用 PHP 作为后端(Laravel),我决定使用 session vars。 服务器端路由无需 SSR 的动态标签: <!-- Meta Tags --> <meta name="description" content="{{ session('meta_description', 'Default Description') }}"> <meta property="og:title" content="{{ session('meta_title', 'Default Title') }}"> <meta property="og:description" content="{{ session('meta_description', 'Default Description') }}"> <meta property="og:image" content="{{ session('meta_image', 'Default Image URL') }}"> <meta property="og:url" content="{{ session('meta_url', 'Default URL') }}"> <!-- Add more OG tags as needed --> @routes @vite(['resources/js/app.js', "resources/js/Pages/{$page['component']}.vue"]) @inertiaHead Inertia 无法像 Next.js 那样只为单个页面启用 SSR。 https://inertiajs.com/server-side-rendering InertiaJS 现在提供该组件。这对于 SEO 相关的东西很有用。 https://inertiajs.com/title-and-meta

回答 2 投票 0

错误的 HTTP 响应代码; Facebook 点赞请勿发布到 Facebook

我在我的 WordPress 网站上创建了特定于帖子的按钮。他们似乎在我的网站上工作并记录点赞者等,但没有任何帖子发布到 Facebook。我尝试过几个 WordPress 插件。和所有的...

回答 4 投票 0

处理 Facebook 链接预览的图像 URL 中的阿拉伯字符

我遇到一个问题,即 Facebook 和 Twitter 无法正确呈现图像路径中包含阿拉伯字符的 URL 的链接预览。 例如,像这样的链接 https://example.com/wp-cont...

回答 1 投票 0

在 WhatsApp 上共享链接时图像缩略图不显示:OG 标签问题

我已在我的网站上正确放置了 OG 标签,但当我在 Whatsapp 上分享我的网站链接时,缩略图未加载。我检查了 StackOverflow 上的所有其他答案,但似乎没有任何效果......

回答 2 投票 0

如何使用我的页面的 facebook graph API 获取帖子和卷轴列表

我正在使用此端点来获取我的页面的最新提要帖子列表: https://graph.facebook.com/v18.0/${facebookId}/feed?access_token=${access_token}&limit=20 显然这有效并返回...

回答 1 投票 0

如何修复我的社交共享 - 错误的 HTTP 响应代码

对于我的网站 https://sccparentsassociation.com/,由于 facebook 没有抓取我的网站,我无法在 facebook 上分享任何文章/页面。 当我尝试调试器时,https://developers.facebook.com/to...

回答 1 投票 0

以编程方式设置 WhatsApp Cloud API 回调 URL

我正在尝试以编程方式配置 WhatsApp Cloud API 的回调 URL,但无法在文档中找到相关端点。目前我只能通过t来设置...

回答 1 投票 0

Facebook 的 OG 抓取工具使用的图像与我的 OG 标签中的图像不同

我正在使用 Gatsby 构建一个 React 应用程序,并使用 React Helmet 插件来插入元数据。我刚刚配置了所有开放图谱和 Twitter 标签,但它们没有使用我指定的图像。 对于

回答 1 投票 0

无法了解如何在开发模式下将“pages_show_list”添加到我的 Facebook 应用程序

在官方文档中他们说: #################################################### https://developers.facebook.com/docs/permissions/ 除了...之外的所有权限都需要应用程序审核

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.