Deepviews

概述

Deepview是由Branch托管的移动Web初始页面,可预览给定Branch链接后面的应用内内容。当访客打开您的Branch链接之一并且未安装您的应用时,您可以向他们显示Deepview,而不是直接将其发送到App / Play商店。

在所有搜索门户(Google,Apple Spotlight,Bing等)中都可以发现深度视图,这为人们找到您的应用程序提供了新的机制,并带来了比直接将访问者直接吸引到App / Play商店更高的安装转换。这里是一个示例流程:

图像

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

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

1.启用默认深度视图模板

  1. Configuration 页导航到Deepviews 标签。
  2. 深度视图是针对以下平台上的访客分别配置的:iOS,Android,桌面。每个平台都有一个' sa选项卡,您可以自定义预构建的模板。查看模板,对于要自定义的模板,请切换Enable 滑块。
    如果要使用自定义模板,请单击页面底部的+ New Deepview ,然后按照此处概述的步骤
  3. 单击以启用Deepviews时,系统将显示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 部分。

启用桌面深度视图

要启用桌面Deepviews,请确保选择链接设置上的"Branch托管的SMS登录页面"进行桌面重定向。

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

1a。创建自定义深度视图模板

  1. Configuration 页导航到Deepviews 标签。
  2. 有两种创建自定义模板的方法:
    a。找到您单击的模板,然后单击... ,然后单击Duplicate
    羽或者,滚动到Deepview页面的底部,然后单击+ New Deepview

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

  1. 接下来,将带您进入Deepview编辑屏幕。 Deepview编辑屏幕包含两个选项卡:

    一个。 Basic :显示新模板,并允许您修改默认的后备OG标记(如果未为链接指定)。
    Editor :编辑器选项卡允许您编辑模板的原始HTML和CSS。当您修改标记时,渲染的模板将更新。

  1. 在下一步中,您配置的字段是应用程序'的默认link settingsSocial Media Preview 部分的重复项。任何更新都将应用于两个位置。配置以下内容:
    a。 Deepview Settings
    * <span class="notranslate">**Title**</span>: Internal name for your reference
    * <span class="notranslate">**Key**</span>: The value that you will reference when creating a link. E.g., <span class="notranslate">`$ios_deepview: [key]`</span>
    
    b。 App Settings
    * <span class="notranslate">**OG Title**</span>: Default value used if <span class="notranslate">`$og_title`</span>: is not specified for a link.
    * <span class="notranslate">**OG Description**</span>: Default value used if <span class="notranslate">`$og_description`</span>: is not specified for a link.
    * <span class="notranslate">**Image URL**</span>: Default value used if <span class="notranslate">`$og_image_url`</span>: is not specified for a link.
    
  2. '完成后,单击Save 。您的Deepview现在可以使用了!当您单击Create 到新链接时,当您看到配置重定向的选项时, '将选择要使用的Deepview。

2. Deepviews高级配置

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

Key

$og_title

您想要在深层检视中显示的标题'

$og_description

您希望'出现在深度视图中的描述

$og_image_url

您要显示的'图像的URL

托管自己的OG标签

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

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

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

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

  • iOS-Objective C

    ```objectivec

    BranchUniversalObject * branchUniversalObject = [[BranchUniversalObject alloc] initWithCanonicalIdentifier:@ " item / 12345 " ];
    // Facebook OG标签-这将覆盖您在Branch Dashboard上设置的所有默认设置
    branchUniversalObject.title = @ " My Content Title " ;
    branchUniversalObject.contentDescription = @ "我的内容描述" ;
    branchUniversalObject.imageUrl = @ " https://example.com/mycontent-12345.png " ;

    //在此处添加任何其他自定义OG标签
    [branchUniversalObject addMetadataKey:@ " $ og_video "值:@ " http://mysite/video.mpg " ];
    ```

  • iOS-Swift

    ```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"

    //添加任何额外的自定义标签OG这里
    branchUniversalObject.addMetadataKey( " $ og_video " ,值: " HTTP://mysite/video.mpg " )
    ```

  • 安卓

    ```java
    BranchUniversalObject branchUniversalObject = new BranchUniversalObject()

                  .setCanonicalIdentifier("item/12345")
    

    // Facebook OG标签-这将覆盖您在分支仪表板上设置的所有默认设置

                  .setTitle("My Content Title")
                  .setContentDescription("My Content Description")
                  .setContentImageUrl("https://example.com/mycontent-12345.png")
    

    //在此处添加任何其他自定义OG标签

                  .setContentMetadata(new ContentMetadata().addCustomMetadata("$og_video", "http://mysite/video.mpg"));
    

    ```

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

启用每个链接的Deepviews

如果你不'吨要全局启用Deepviews,您可以通过插入自定义链接控制参数做它在每个环节基础上的每个平台链路控制参数

通过附加查询参数来启用桌面深度视图:

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

通过SDK启用iOS和Android Deepviews。以下是一些示例,但您可以在这里看到每个平台

  • iOS-Objective C

    objectivec 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

    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");
    

    ```

禁用每个链接的深度视图

如果'已经启用Deepviews全球范围内,这'可能是,你'会想,现在又禁止他们对特定用例。为此,只需按照 的说明为一个链接启用Deepview 并将一个或多个键值设置为false

Key

$ios_deepview

false

$android_deepview

false

$desktop_deepview

false

3.深度分析

分支使您可以通过Deepviews跟踪用户流。您可以在“分支”仪表板的summary page 上找到此信息。

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

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

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

没有Deepview CTA请点击

如果没有您的应用程序的用户点击启用了Active Deepview的“Branch”链接,但未点击Deepview CTA,则下游活动(例如,安装,购买)将不会归因于原始链接点击。

词汇表

主动Deepviews

仅当未安装应用程序而不安装 (或当直接深层链接无法像在Facebook Webview中那样正常工作' ),才显示活动深度视图,并在深度视图页面上暂停。这些使用户可以预览内容,最终决定是否要安装该应用程序。用户必须单击号召性用语Get The App 才能发送到相应的应用程序或Play商店页面。

|关键价值|默认模板
| --- | --- | ---
| $ios_deepview |用于iOS的模板的名称。 | default_template
| $android_deepview |用于Android的模板的名称。 | default_template
| $desktop_deepview |用于桌面的模板的名称。 | default_template

被动深视

被动深度视图也仅应在未安装应用程序而非下出现,而不是在深度视图页面上暂停,它们将尝试立即重定向到应用程序/播放商店,而无需用户采取任何措施。当你穿上这些应该是使用'吨要在浏览器中留下了一个空白屏幕的用户点击一个链接去安装应用程式后。请注意,如果您'重新尝试重定向到“商店”页面,则会在Safari iOS 10.3和Facebook iOS Web视图中自动启用这些功能。

要禁用被动深度视图,只需在链接数据中将该值设置为false

|关键价值|默认值
| --- | --- |
| $ios_passive_deepview |用于iOS的模板的名称。 | default_template
| $android_passive_deepview |用于Android的模板的名称。 | default_template

要将另一个模板用作默认的被动深度视图,请选择'设置为被动默认'选项。您还可以通过在控制参数提供模板名称来在链接级别上更改模板 。如果'通过附加查询参数来重新创建链接,则只需要将参数附加到URL。请确保对所有内容进行URL编码,以免链接断开。

常见问题

我可以更改我的应用程序图标吗?
您可以在 Social Media Preview 部分中上载新图标。

我可以编辑模板吗?
不可以,您不能编辑模板。但是,您可以复制模板,然后自定义模板。

我可以将Javascript添加到自定义的Deepview模板中吗?
不会。在渲染模板之前,出于安全原因,我们会清理Javascript的标记。这包括脚本标签和标签上的事件属性。

更新14 天前

Deepviews


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

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