Question

我们正在使用分支为我们的应用程序生成动态链接。我们在各种社交媒体平台上使用这些链接。分支配置选项使我们能够填充固定的开放图形数据集。如果是视频，我们可以设置og:video，但无法设置og:video:type。因此，如果您使用HTML5视频，则视频嵌入不起作用，因为Facebook的默认视频类型为application/x-shockwave-flash。

我尝试在配置链接时传递额外数据，但它不会转换为Facebook废弃的HTML元标记。

Answer 1

当刮取分支链接时，分支将返回： 1st：为链接定义的所有参数; 第2步：尚未为链接定义但已在应用级别定义的任何参数（在“链接设置”页面上的“社交媒体显示自定义”中）; 最后：默认URL（$ fallback_url）页面中指定的网站上存在的任何元标记。

因此，即使分支没有提供用于定义og：video：type的显式参数，您也应该通过将元标记添加到用作$ fallback_url的网页来实现此目的。

以下是一个例子：

我从以下链接开始＆＃34; https://ogt1.app.link/fallbackurltags＆＃34;我在下面设置了参数（注意＆＃34;＆＃34;显示，因为我没有为链接设置任何OG参数）。请注意，我已设置$ fallback_url：

{
"$desktop_deepview": "",
"$desktop_url": "",
"$fallback_url": "https://dwestgate.github.io/ExampleFallBackURL/",
"$marketing_title": "OG Tag Testing - fallback URL tags",
"$og_description": "",
"$og_image_url": "",
"$og_title": "",
"$one_time_use": "",
"~creation_source": 1,
"~feature": "marketing",
"~id": "357178398369800081",
"~marketing": true
}

＆＃34; OG：视频：类型=应用程序/ x-冲击波闪光＆＃34;尚未在分支仪表板上的任何位置进行设置或作为链接参数。

我已将meta标记添加到我创建的简单网站并指定为$ fallback_url：https://dwestgate.github.io/ExampleFallBackURL/。这是该网页：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="title" content="Tag set by Fallback URL" />
  <meta name="description" content="Tag set by Fallback URL" />
  <meta property="og:title" content="Tag set by Fallback URL" />
  <meta property="og:video:url" content="http://www.youtube.com/v/CsGYh8AacgY?version=3&autohide=1" />
  <meta property="og:video:type" content="application/x-shockwave-flash" />
  <meta property="og:video:width" content="160" />
  <meta property="og:video:height" content="90" />
  <title>Fallback URL with meta tags</title>
</head>
<body>
  <h1>All the action is in the meta tags - View Source</h1>
</body>
</html>

当我现在浏览Facebook的共享调试器（此处：https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fogt1.app.link%2Ffallbackurltags）时 - 瞧：该网页上的og：video：type标签已被删除。您可以通过单击＆＃34;显示所有原始标签＆＃34;来查看返回的原始标签。按钮。

我没有提到的一件事情可能搞砸了：如果为$ og_url提供了值，则只会出现此值中提供的网站标签。例如，链接https://ogt1.app.link/linktags具有以下参数：

{
"$marketing_title": "OG Tag Testing - per-link tags",
"$og_description": "OG Tags set at the link level",
"$og_image_height": "200",
"$og_image_url": "https://cdn.branch.io/branch-assets/1486394827408-og_image.png",
"$og_image_width": "200",
"$og_title": "Per-Link tags",
"$og_url": "https://dwestgate.github.io/ExampleFallBackURL/",
"$og_video": "https://www.youtube.com/v/CsGYh8AacgY",
"$og_video_height": "180",
"$og_video_width": "320",
"$one_time_use": "",
"~creation_source": 1,
"~feature": "marketing",
"~id": "357170874539266599",
"~marketing": true
}

在这种情况下，链接参数会被$ og_url中的参数覆盖，可以通过再次检查Facebook Sharing Debugger来看到（这里：https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fogt1.app.link%2Flinktags）：

<meta charset="utf-8" />
<meta name="title" content="Tag set by Fallback URL" />
<meta name="description" content="Tag set by Fallback URL" />
<meta property="og:title" content="Tag set by Fallback URL" />
<meta property="og:video:url" content="http://www.youtube.com/v/CsGYh8AacgY?version=3&autohide=1" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="160" />
<meta property="og:video:height" content="90" />

我希望这提供了足够的清晰度，允许您填充所需的任何自定义OG标记。

Answer 2

根据分支机构的文档，有一个添加custom meta tags的选项。只需将默认不支持的每个meta标签放入其中即可。

$custom_meta_tags: '{"og:video:type": "application/x-shockwave-flash"}'

branch.io中的额外HTML元数据标记生成了链接

2 个答案: