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元數據標籤生成鏈接

回答

相關問題