概述

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

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

📘

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

If you already have a mobile website with content, Journeys is better suited.

1. 启用默认 Deepview 模板

1. 从Configuration 页面前往Deepviews 标签。
2. Deepviews are configured separately for visitors on each platform: iOS, Android, Desktop. There's a tab for each platform, and pre-built templates that you can customize. Review the templates, for the ones you want to customize toggle the Enable slider.
   If you wish to use a custom template, click + New Deepview at the bottom of the page, and follow the steps outlined here.
3. 当您点击启用 Deepview 时，系统将显示 Are you sure you want to enable Deepviews on iOS? 提示，然后点击 Enable 。
4. 您的 Deepview 现在可以使用了！当您点击Create 一个新的链接，当您看到配置重定向的选项时，您会选择要使用的 Deepview。

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

1a. 创建自定义 Deepview 模板

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

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

3. 接下来，您会被带到 Deepview 编辑屏幕。 Deepview 编辑屏幕包含两个选项卡：

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

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

2. Deepview 高级设置

The default Deepview template simply displays the content from three of the link's control parameters. You can specify the content of these parameters when creating your link to control what will display in that link’s Deepview. If nothing is set for a particular link, we will gracefully fall back to the OG values set for your entire app in Configuration > General > Social Media Preview.

📘

托管自己的 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"

When you create links via a mobile SDK, you simply need to set the OG tag parameters. Below are few examples, but you can see every platform here.

• 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

If you don't want to enable Deepviews globally, you can do it for each platform on a per link basis by inserting custom link control parameters link control parameters.

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

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

Enable iOS and Android Deepviews through the SDK. Below are few examples, but you can see every platform here

• 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

If you've enabled Deepviews globally, it's likely that you'll want to disable them now and again for specific use cases. To do so, just follow the instructions for enabling Deepviews for one link and set one or more of the key values to 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

To enable another template as the default passive deepview, select the 'Set as Passive Default' option. You can also change the template on a link level by providing the template name in the control parameters. If you're creating a link by appending query parameters, you simply need to append the parameters to the URL. Please make sure to URL encode everything, lest the link will break.

常见问题

• 我可以更改我的应用图标吗？

• 我可以编辑模板吗？

• 我可以将 Javascript 添加到自定义 Deepview 模板中吗？