Deepviews

概述

Deepview 是由 Branch 托管的移动网页初始页面,可以预览给定 Branch Link背后的应用内内容。当访客在尚未安装应用的情况下打开一个 Branch Link,您可以向他们展示 Deepview,而不是直接让其转到应用/Play 商店。

Deepview 可以在所有搜索门户(Google,Apple Spotlight,Bing 等)都可以找到,这为人们发现您的应用提供了新的机制,且相比直接让访问者转到应用/Play 商店,它能够推动更高的安装转化率。以下是一个示例流程:

图片图片

📘

适用于没有移动网站的应用

如果您已经有一个包含内容的移动网站, Journey则更加适合。

1. 启用默认 Deepview 模板

  1. Configuration 页面前往Deepviews 标签。
  2. Deepview 是针对以下平台的访客分别设置的:iOS,Android,桌面。每个平台都有一个选项卡以及可自定义的预建模板。查看模板,对于要自定义的模板,请切换Enable滑块。
    如果您希望使用自定义模板,请点击页面底部的+ New Deepview ,并遵循 此处概述的步骤
  3. 当您点击启用 Deepview 时,系统将显示 Are you sure you want to enable Deepviews on iOS? 提示,然后点击 Enable
  4. 您的 Deepview 现在可以使用了!当您点击Create 一个新的链接,当您看到配置重定向的选项时,您会选择要使用的 Deepview。

注意:默认情况下,您的 Deepview 会从应用的默认值link settingsSocial Media Preview 部分提取内容。如果您需要更新应用图标或者 Deepview 上的文本,请前往应用的默认link settingsSocial Media Preview 部分。

🚧

启用桌面 Deepview

要启用桌面 Deepview,请确保选择链接设置的 "Branch 托管的短信登陆页面"进行桌面重定向。

请注意,这将覆盖您已设置的任何 Text-Me-The-App 页面。

1a. 创建自定义 Deepview 模板

  1. Configuration 页面前往Deepviews 标签。
  2. 创建自定义模板有2种方法:
    a. 查找您点击的模板,然后点击... ,然后点击Duplicate
    b. 或者,滚屏到 Deepview 页面的底部,然后点击+ New Deepview

注意:与预建模板不同,自定义 Deepview 模板在所有平台(iOS,Android 和台式机)之间分享,且创建后无法删除。

  1. 接下来,您会被带到 Deepview 编辑屏幕。 Deepview 编辑屏幕包含两个选项卡:

a. Basic :显示新模板,并允许您修改默认的回退 OG 标记(如果未为链接指定任何标记)。
b. Editor :“编辑”选项卡允许您编辑模板的原始 HTML 和 CSS。当您修改标记时,渲染的模板将更新。

  1. 在下一步,您配置的字段是应用的默认link settingsSocial Media Preview部分重复项。任何更新都将应用于两个位置。配置以下内容:
  2. Deepview 设置
    1. 标题 :内部名称供您参考
    2. Key :创建链接时将引用的值。例如 $ios_deepview: [key]
  3. 应用设置
    1. OG 标题 :如果未为链接指定$og_title则使用默认值。
    2. OG 描述 :如果未为链接指定 $og_description则使用默认值。
    3. 图片 URL :如果未为链接指定$og_image_url则使用默认值。
  4. 完成后,点击 Save 。您的 Deepview 现在可以使用了!当您点击 Create一个新的链接,当您看到配置重定向的选项时,您会选择要使用的 Deepview。

2. Deepview 高级设置

默认的 Deepview 模板仅显示链接的三个控制参数中的内容 。您可以在创建链接时指定这些参数的内容,以控制将在该链接的 Deepview 中显示的内容。如果没有为特定链接设置任何内容,我们将正常退回到为整个应用设置的 OG 值(在Configuration > General > Social Media Preview

Key

$og_title

您想要在 deepview 中显示的标题

$og_description

您想要在 deepview 中显示的描述

$og_image_url

您想要在 deepview 中显示的图像 URL

📘

托管自己的 OG 标签

如果您想要在其他地方使用托管的 OG 标签,请在创建链接时将这些参数留空并指定 $desktop_url 控制参数。 Branch 将使用指定 URL 中的 OG 标签执行一次性抓取以填充 Deepview。

如果您通过附加查询参数创建链接,只需将参数附加到 URL。请确保对所有内容进行 URL 编码,以免链接断开。

"https://[branchsubdomain]?%24og_title=MyApp%20is%20disrupting%20apps&$og_image_url=http%3A%2F%2Fmyapp.com%2Fimage.png"

当您通过移动 SDK 创建链接时,只需设置 OG 标签参数。以下是一些示例,但是您可以在此查看每个平台

  • iOS-Objective C

    
    BranchUniversalObject *branchUniversalObject = [[BranchUniversalObject alloc] initWithCanonicalIdentifier:@"item/12345"];
    // Facebook OG tags -- this will overwrite any defaults you set up on the Branch Dashboard
    branchUniversalObject.title = @"My Content Title";
    branchUniversalObject.contentDescription = @"My Content Description";
    branchUniversalObject.imageUrl = @"https://example.com/mycontent-12345.png";
    
    // Add any additional custom OG tags here
    [branchUniversalObject addMetadataKey:@"$og_video" value:@"http://mysite/video.mpg"];
    
  • iOS-Swift

    let branchUniversalObject: BranchUniversalObject = BranchUniversalObject(canonicalIdentifier: "item/12345")
    // Facebook OG tags -- this will overwrite any defaults you set up on the Branch Dashboard
    branchUniversalObject.title = "My Content Title"
    branchUniversalObject.contentDescription = "My Content Description"
    branchUniversalObject.imageUrl = "https://example.com/mycontent-12345.png"
    
    // Add any additional custom OG tags here
    branchUniversalObject.addMetadataKey("$og_video", value: "http://mysite/video.mpg")
    
  • Android

      BranchUniversalObject branchUniversalObject = new BranchUniversalObject()
                     .setCanonicalIdentifier("item/12345")
     // Facebook OG tags -- This will overwrite any defaults you have set on the Branch Dashboard
                     .setTitle("My Content Title")
                     .setContentDescription("My Content Description")
                     .setContentImageUrl("https://example.com/mycontent-12345.png")
    
     // Add any additional custom OG tags here
                     .setContentMetadata(new ContentMetadata().addCustomMetadata("$og_video", "http://mysite/video.mpg"));
    

注: 深度链接 section 接受大部分链接控制参数,但是$og_title$og_description$og_image_url 不能被指定。

启用每个链接的 Deepview

如果您不想全局启用 Deepview,则可以通过插入自定义链接控制参数为每个链接在每个平台上启用它链接控制参数

通过附加查询参数来启用桌面 Deepview:

"https://[branchsubdomain]?%24desktop_deepview=default_template&%24ios_deepview=default_template"

通过 SDK 启用 iOS 和 Android Deepview。以下是一些示例,但您可以在此查看每个平台

  • iOS-Objective C

     BranchLinkProperties *linkProperties = [[BranchLinkProperties alloc] init];
     linkProperties.feature = @"sharing";
     linkProperties.channel = @"facebook";
     [linkProperties addControlParam:@"$ios_deepview" withValue:@"default_template"];
     [linkProperties addControlParam:@"$android_deepview" withValue:@"default_template"];
    
  • iOS-Swift

     let linkProperties: BranchLinkProperties = BranchLinkProperties()
     linkProperties.feature = "sharing"
     linkProperties.channel = "facebook"
     linkProperties.addControlParam("$ios_deepview", withValue: "default_template")
     linkProperties.addControlParam("$android_deepview", withValue: "default_template")
    
  • Android

    LinkProperties linkProperties = new LinkProperties()
                   .setChannel("facebook")
                   .setFeature("sharing")
                   .addControlParameter("$ios_deepview", "default_template")
                   .addControlParameter("$android_deepview", "default_template");
    

禁用每个链接的 Deepview

如果您已全局启用 Deepview,则可能需要针对特定用例逐个禁用它们。为此,您只需遵照有关为一个链接启用 Deepview 的说明,并将一个或多个 key 值设置为false

Key

$ios_deepview

false

$android_deepview

false

$desktop_deepview

false

3. Deepview 分析

Branch 使您可以通过 Deepview 追踪用户流。您可以在 Branch 操作后台 (Dashboard) 的summary page 上找到此信息。

从移动网站与 Deepview 进行深度链接时,需要了解多种指标。

  • Views:用户查看了移动网站。
  • 点击次数:用户点击了 Deepview CTA
  • 安装次数:用户首次安装了该应用
  • 升级次数:用户从以前的版本中重新打开或者升级了该应用

只有没有该应用的用户才能通过此流程。您可以在此图表的每个步骤中查看总计数和转化率。

🚧

没有 Deepview 的 CTA 点击

如果一个没有应用的用户在启用 Active Deepview 的情况下点击 Branch Link,但未点击 Deepview CTA,则下游活动(例如,安装,购买)将不会归因于原始链接点击。

词汇表

Active Deepview

Active deepview 应当仅在 安装应用时(或者当直接深度链接无法像在 Facebook Webview 中那样正常工作)出现,并在 deepview 页面上暂停。用户可以通过这些预览内容,并最终决定是否要安装该应用。用户必须点击行为召唤按钮 Get The App 才可以被转到相应的应用或者 Play 商店页面。

Key默认模板
$ios_deepview用于 iOS 的模板名称。default_template
$android_deepview用于 Android 的模板名称。default_template
$desktop_deepview用于桌面的模板名称。default_template
Passive Deepview

Passive deepview 也应该仅在安装应用时出现,但它们不是在 deepview 页面上暂停,而是将尝试立即重定向到应用/Play 商店,且无需用户采取任何措施。如果您不希望用户点击链接安装应用之后浏览器中留下白色空白屏幕,应使用这些选项。请注意,如果您尝试重定向到“商店”页面,这些功能则会在 Safari iOS 10.3 和 Facebook iOS webview 中被自动启用。

要禁用 passive deepview,只需在链接数据中将该值设置为 false

Key默认
$ios_passive_deepview用于 iOS 的模板名称。default_template
$android_passive_deepview用于 Android 的模板名称。default_template

要启用另一个模板作为默认的 passive deepview,请选择“设置为 Passive Default” 选项。您也可以通过在控制参数中提供模板名称来更改链接级别的模板。如果您要通过附加查询参数来创建链接,只需要将参数附加到 URL。请确保对所有内容进行 URL 编码,以免链接断开。

常见问题

7个月前更新



Deepviews


建议的编辑仅限于 API 参考页

您只能建议对 Markdown 正文内容进行修改,而不能建议对 API 说明进行修改。