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

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

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

来源

2017-02-04 Sunil Kumar

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

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

下面是一个例子：

我开始用下面的链接“https://ogt1.app.link/fallbackurltags”我在那里设置以下参数（注意“”显示，因为我没有设置任何链接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 
}

“OG：视频：类型=应用程序/ x - 冲击波闪光”尚未SEET上的任何位置处的仪表板或链接参数。

但是，我添加了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的：视频：从网页类型标签已被刮掉。您可以通过单击“显示所有原始标签”按钮来查看返回的原始标签。

有一件我没有提到的事情可能会让事情变得糟糕：如果为$ 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共享调试器可以看到（这里：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标签。

来源

2017-02-04 15:13:53 dwestgate

试过了，Branch没有从$ fallback url中挑选这个元标记。我怀疑分支从$ fallback_url中选取任何其他元标记，除了文档中指定的元标记。 –

我已经用一些示例更新了上面的响应。 – dwestgate

是否有可能有一个$ fallback_url和默认的$ desktop_url和$ android_url？ –

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

回答

相关问题