Дополнительные метатеги метаданных HTML в branch.io сгенерированные ссылки

Мы используем ветвь для создания динамических ссылок для нашего приложения. Мы используем эти ссылки на различных платформах социальных сетей. Параметры конфигурации филиала позволяют нам заполнять фиксированный набор открытых данных графа. В случае видео он позволяет установить og:video, но нет способа установить og:video:type. Из-за этого встраивание видео не работает, если вы используете видео HTML5, поскольку видео-тип по умолчанию для Facebook - application/x-shockwave-flash.Дополнительные метатеги метаданных HTML в branch.io сгенерированные ссылки

Я пробовал передавать дополнительные данные при настройке ссылки, но не переводил на метатеги HTML, которые были пересмотрены Facebook.

источник

2017-02-04 Sunil Kumar

Когда связующее звено соскабливается, ветка вернет: 1st: любые параметры, которые были определены для ссылки; 2nd: любые параметры, которые не были определены для ссылки, но были определены на уровне приложения (в настройке настройки социальных сетей на странице настроек ссылок); и, наконец, любые метатеги, присутствующие на веб-сайте, указанные на странице URL-адреса по умолчанию ($ fallback_url).

Таким образом, несмотря на то, что в ветке не указан явный параметр для определения типа og: video: type, вы должны выполнить это, добавив метатег на веб-страницу, которую вы используете в качестве $ fallback_url.

Вот пример:

Я начинаю со следующей ссылке «https://ogt1.app.link/fallbackurltags», где я установить параметры ниже (обратите внимание, что «» показывается, потому что я не ставил каких-либо параметров О.Г. за ссылку). Обратите внимание, что я поставил $ 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: видео: тип = применение/х-ударно-вспышка» не Сита в любом месте на приборной панели отделения или в качестве параметра ссылки.

Я добавил метатеги, однако, к простому веб-сайту, который я создал и назначил как $ 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>

Когда я теперь перейти к обмену Debugger 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 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.

источник

2017-02-04 15:13:53 dwestgate

Пробовал, Филиал не выбрал этот метатег из $ fallback url. Я сомневаюсь, что ветвь выбирает любые другие метатеги из $ fallback_url, кроме тех, которые указаны в документации. –

Я обновил ответ выше с некоторыми примерами. – dwestgate

Возможно ли иметь $ fallback_url и default $ desktop_url и $ android_url? –

Дополнительные метатеги метаданных HTML в branch.io сгенерированные ссылки

ответ

Смежные вопросы