智能横幅——移动端网页到应用解决方案(市场人员专用)

概要:本文介绍了如何通过智能横幅将您的网页用户转化为应用用户。

wc2a.jpg

 扩展阅读

下列文章能帮助您更全面地掌握智能横幅的用法:

智能横幅

智能横幅的作用

  • 您可以在品牌移动网站上展示智能横幅,推动高意向用户的转化。
  • 可帮助您衡量移动端网页用户的质量。
  • 可帮助您将移动端的网页到应用流量准确地归因到各种渠道(包括SRN)。
  • 智能横幅可通过点击和展示进行归因:

    • 点击:用户点击智能横幅广告,然后安装并激活应用。
    • 展示:当横幅广告加载完毕时(即用户看到该横幅广告时),向AppsFlyer发送展示统计事件。

归因链路如下:

  1. 用户点击广告后跳转到广告主的移动端网页。
  2. 广告主的移动端网页上展示智能横幅。
  3. 用户点击智能横幅,然后:
    • 如果用户尚未安装应用,则会跳转到应用商店的相应页面,安装并激活应用。
    • 如果用户已安装应用,则会通过Universal Link、App Link和/或URI链接直接打开应用。
  4. 用户进入与推广活动相关的应用内页面。
  5. AF将用户归因给最初展示点击广告的媒体渠道。

智能横幅涉及到的工作

涉及人员

市场人员及网站开发人员。

前期准备

  • 确保您有一个AppsFlyer帐户,且账户中至少有一个应用。
  • 确保OneLink模板中包含由智能横幅推广的应用。
    这是为了让智能横幅能根据设备的操作系统将移动端网页用户跳转到相应的应用商店。

所需时间

大约20 分钟。

成效

  • 网页用户点击CTA按钮后会跳转到与其设备操作系统相对应的应用商店或网页。
  • 应用用户点击CTA按钮后会深度链接到应用中的具体内容。
  • AF会根据用户的点击/激活将其归因到初始媒体渠道或您的自有媒体。

 示例

Mark负责食品配送服务商Feed Me的市场营销工作,他想要把Feed Me的移动端网页用户转化为应用用户。

为此,Mark运用自己的图像和文字素材创建了智能横幅广告。

智能横幅是通过OneLink技术实现的。移动端网页用户点击CTA按钮后,智能横幅广告会自动将其跳转到正确的应用商店或落地页,便于用户安装相关应用。当现有应用用户点击CTA按钮时,智能横幅广告会直接吊起应用。

然后,AppsFlyer会将点击/激活归因到Mark指定的媒体渠道和广告

 注意事项!

AppsFlyer的智能横幅和iOS Safari的Smart App Banner两者之间只能选择一种,切勿同时使用,否则会使移动端网页无法正常显示,并造成归因差异

流程

按下文所述流程创建智能横幅后可实现以下功能:

  • 通过智能横幅让用户从移动端网页跳转到与其操作系统相对应的应用商店或应用页面。
  • 通过OneLink将点击/激活归因到您的自有媒体渠道。

1. 网页配置中心的设置

请按以下步骤完成移动端网页的准备工作,展示智能横幅

  1. 从AppsFlyer后台进入用户体验与深度链接 > 网页到应用 > 智能横幅
  2. 点击创建网页配置中心
  3. 为该网页配置中心设置一个名称。
  4. 点击创建
    打开网页配置中心界面。
  5. 复制横幅的代码片段
  6. 将该代码片段写入您的网站中。每个网站只需写入一次。
  7. 【可选】复制Web Key。(该密钥已经包含在代码片段中。)
  8. 点击下一步

2. 横幅组的设置

一个横幅组可包含一个或多个横幅。您可以在这个环节完成下列配置:

  • 选择该横幅组需要用到的OneLink模板,其中包含作为网页用户跳转终点的应用。
  • 设置一个具体的深度链接scheme。
  • 设定该横幅组中所有横幅的定向规则、上线时间、行为以及具体的归因方式。
  • 选定具体的展示页面,用户在浏览这些页面时会触发该横幅组中的横幅。

请按以下方式设置新的横幅组:

  1. 从AppsFlyer后台进入用户体验与深度链接 > 网页到应用 > 智能横幅
  2. 点击页面左边的添加横幅组
  3. 设置一个具有唯一性的横幅组名称,且能反映出组下各横幅的共同主题(如要推广的应用)。
  4. 选择该横幅组要用到的OneLink模板。
  5. 【可选】为该横幅组设置URI scheme,作为Universal Link和App Link失效时的备用方案,为用户打开应用。由于该值默认从OneLink模板中提取,因此一般情况下很少会用到这个方案。只有在使用模板以外的值时,才需要为横幅组设置URI scheme。
  6. 设置主要及次要归因渠道,对来自该横幅组的新增激活进行归因。请参考下表,选择最合适的自定义链接方案。

    方法 使用场景 说明
    使用UTM参数 当移动端网页的大部分非自然流量来自带UTM参数的渠道时可选用该方式。
    • 媒体渠道名称(pid)= UTM_Source 
    • 广告系列(c)= UTM_campaign
    • 如果UTM_source或UTM_campaign出现缺失,则会以静态名称替代。
    使用传入的归因链接参数 当移动端网页的大部分非自然流量来自使用AppsFlyer归因链接的点击型广告平台时可选用该方案。
    • 由AppsFlyer归因链接传入的所有可用参数都会添加到智能横幅链接中。
    • 如果传入的AppsFlyer归因链接和智能横幅中同时存在某一个参数,最终的自定义链接中会优先攫取传入的参数。
    另外添加归因参数 可根据需要添加其他的网页归因数据,用以对每个激活进行深度剖析。 比如,电商网站可以为每个品类创建相同的自定义链接,并以af_adset的值区分(如“af_adset=fruit”)
    使用默认归因参数
    • 适用场景:
      • 移动端网页的大部分流量都是自然量。
      • 非自然流量不是从点击型广告平台或带UTM参数的渠道进入网站的。
    • 您可以自行调整参数值。
    注意事项:建议选择UTM或传入的归因链接参数,因为自定义链接本来就会使用默认的智能横幅归因参数作为备用,以应对媒体渠道、广告系列或流量入口名称缺失的情况。
  7. 【推荐】建议设置默认归因参数Channel name(流量入口名称),这样就能将所有来自智能横幅的激活归因到具体的流量入口,并能在群组报告数据总览面板留存报告等多种报告中将同一个流量入口下多个媒体渠道的数据进行汇总。
  8. 【可选】设置展示间隔,即向用户展示了某个横幅后,至少隔多长时间再向该用户展示该横幅。您可从以下3种方案中选择一种:
    • 按时间设置:1小时、1天或1周。
    • 下一个会话(session):即用户关闭该横幅后,在另一个标签页或窗口中开启的session。
    • 永不:不再展示该横幅。
      请注意
      • 如果用户清除了浏览器缓存,或在隐私浏览模式下访问网站,则展示间隔设置会丢失。
      • 展示间隔对已经展示完毕的横幅生效,但同一横幅组下的其他横幅仍可展示。
  9. 【可选】设置频次上限
    您可以通过频次上限来限定横幅组中的每个横幅对一个独立用户的展示次数。您可以选择无上限(即总是显示横幅)或将对每个用户的横幅展示限制在某个具体次数内。假设您将频次上限设置为3,那么如果一个用户4次访问您的网站,她在前三次访问时都会看到同一个横幅,但从第4次开始就不会再看到该横幅。
  10. 【可选】设定该横幅要在哪个操作系统中展示:
    • 所有的移动端操作系统。
    • 仅安卓或仅iOS。
  11. 【可选】设置横幅组的上线时间:马上开始(默认)或限时投放。
  12. 【可选】设置横幅组上线的地理位置
    1. 若选择全球,则可向所有用户展示该横幅组。您可根据需要排除具体地区、国家或州的流量。
    2. 若选择指定地理位置选项,则可向一个或多个指定区域的用户展示该横幅组。
  13. 【可选】设置展示页面,即该横幅组在哪些页面中展示:
    • 【默认】在网站的所有页面中展示请注意:建议至少设置一个在所有页面展示的横幅组,以留作备用。
    • 在指定页面中展示:在指定页面或链接中展示或不展示横幅。
      • 您可在以下两种方案中选择一种:
        • 指定页面:指定横幅展示页面的服务器和/或路径,这里输入的任何请求参数都会被忽略。如:http://www.example.com/path?query
        • URL路径和请求参数:输入路径和/或请求参数,用于判定横幅是否展示。如:path?query。请注意:切勿输入整条URL,如http://www.example.com/path?query,而是仅输入路径和/或请求参数。
      • 您可以使用“and/or”(“和/或”关系)添加最多5个条件。
      • 如果条件之间有冲突,则无法显示横幅。
  14. 点击创建横幅组
  15. 【可选】再次编辑横幅组,将鼠标悬停在定向及行为上,然后点击编辑

 示例

Mark负责食品配送服务商Feed Me的市场营销工作,他决定要宣传该应用的李子促销活动。他决定群发短信,并在广告平台和Google投放广告。

Mark为这个推广活动做了以下准备工作:

  • 选择同时使用入链的归因参数以及UTM参数(并将默认参数作为备用,用以对入链和UTM广告以外的渠道带来的点击进行归因)。
  • 向广告平台发送其专属的归因链接,用于广告中,以引导用户进入Feed Me移动端网站的李子促销页面。该链接包含跳转链接(af_r)参数,并带有链接到李子促销页面的URL:http://feedme.com/plums_link
  • 准备一个Google Ads广告系列,当用户进入网站中带有“plums_utm”的页面时向其展示广告。
  • 对于短信推广,Mark在广告链接中添加了专属的归因参数,引导用户进入Feed Me移动端网站的李子促销页面。该链接包含pid参数,并带有链接到李子促销页面的URL:http://feedme.com/plums_link?pid=sms&c=plums

然后,Mark开始投放广告。

该场景中的用户链路如下:

  • 用户看到李子促销广告,点击该广告后进入Feed Me移动端网站。
  • 用户点击Google Ads广告及所有其他广告后,会跳转到入链落地页,分页面触发相应的智能横幅。
  • 在移动端网站上看到智能横幅后点击该横幅。
  • 进入Feed Me应用的下载页面,完成应用安装。
  • 首次打开应用时直接进入李子促销页面。
  • AF将用户正确归因给将其带入Feed Me移动端网站的媒体渠道。

3. 横幅的设置

请按以下步骤在横幅组中创建横幅:

  1. 点击创建横幅,进入编辑横幅页面。
  2. 设置该横幅的名称
  3. 创建一个设计素材
    1. 点击设计素材,设置该横幅的素材。
      界面会打开一个横幅模板选择窗口。

    2. 将鼠标悬停在某个素材模板上,然后点击创建,进入搭建素材页面。
    3. 您可以调整智能横幅素材中的所有元素,只需选择要编辑的元素名称,或在预览页面点击相应元素便可进行配置。
      • 标题
      • 文字
      • 评分星级
      • 关闭按钮
      • CTA
      • 应用Logo
      • 背景
      • 横幅填充(用来调整横幅尺寸)
      • 可用的图像格式为:jpeg、jpg、png。
        请注意:不支持webp格式。
        各模板的适用图像请见下表:

        模板类型 图像文件尺寸限制 图像比例 图像高度 图像宽度
        Standard(标准) 300 KB 3:1(宽 x 高) 70 px 按屏幕大小缩放

        Enhanced(优化)

        300 KB 9:4(宽 x 高) 110 px 按屏幕大小缩放
        Promotional(推广) 300 KB 4:5(宽 x 高) 300 px 按屏幕大小缩放
        Interstitial(插屏) 700 KB 9:16(宽 x 高) 按屏幕大小缩放 按屏幕大小缩放
    4. 点击查看,查看横幅素材并检查该素材在不同设备上的展示效果。请注意:横幅的预览效果可能会与上线后的展示效果稍有不同。
    5. 如果需要调整,请点击回到编辑器
    6. 点击完成,回到横幅设置页面。
  4. 【可选】添加自定义归因参数,如ad_adsetaf_ad
    请注意pidcchannel这几个参数是属于横幅组层级的,因此不能在横幅层级添加。
  5. 新的素材创建完毕并保存后,横幅状态变为“在投”。您可以使用状态开关切换横幅状态,让其变为在投停投
  6. 【可选】添加自定义参数is_retargeting=true,可将用于拉新的归因链接转变为再营销链接
  7. 点击全部保存以保存您的配置,或点击全部保存并关闭在保存配置后关闭该横幅设置页面。

4. 测试

素材完成后,建议在正式投放之前先进行测试。

请按以下步骤测试智能横幅素材

前期准备:请确保已将该智能横幅的代码片段写入您的网站。

  1. 测试素材页面,输入已集成智能横幅SDK(详见开发人员专用的智能横幅指南)的网页链接。
  2. 点击生成
  3. 复制生成的链接,将其发送到您的测试机,或用测试机扫描二维码。正常情况下,该链接或二维码会让您跳转到相应的网页,并展示您所配置的横幅素材。
  4. 点击编辑素材返回素材配置页面,或点击完成保存素材。

考察横幅效果

您可以查看各横幅在过去7天内的效果数据。

请按以下步骤查看横幅的效果数据

  1. 从AppsFlyer后台进入用户体验与深度链接 > 网页到应用 > 智能横幅
  2. 选择您要查看的横幅所在的网页配置中心和横幅组。
  3. 将鼠标悬停在该横幅组的任何一条横幅上。
    界面会显示过去一周的效果数据,包括:
    • 展示
    • 点击
    • 激活
    • 再互动
    • 再归因
    • 点击率(CTR),计算方式为:点击量/展示量 * 100
    • 转化率 (CVR),计算方式为:转化量/点击量 * 100

请注意

  • 数据是按UTC时间统计的。
  • 数据是持续滚动更新的。
  • 数据是分横幅和OneLink模板显示的。也就是说,如果您同时为多个应用(如某应用的安卓和iOS版本)配置了同一个横幅和OneLink模板,则这里显示的效果数据会涵盖所有相关应用。
  • CVR可能会高于预期,有时甚至会超过100%,这是因为浏览和点击都会被算作转化。

其他信息

横幅组的展示逻辑

AppsFlyer在判定是否显示智能横幅/显示哪个智能横幅时会考虑以下两个问题:

  • 横幅组是否设有具体的规则(展示间隔、频次上限、地理位置、展示页面等)?
  • 终端用户是否符合展示横幅的规则和条件?

如果以上两个问题的答案都是肯定的,即横幅组设有规则且用户符合展示横幅的条件,那么AppsFlyer就会按下表所述原理展示横幅。

横幅组的设置 得到展示的横幅 示例
单个横幅组 AppsFlyer会将横幅组中的所有在投横幅平均分配到所有符合条件的用户。
  • 示例1:有1个在投横幅时,则向所有用户展示该横幅。
  • 示例2:有2个在投横幅时,则一半用户看到横幅1,另一半看到横幅2。
  • 示例3:共有3个在投横幅,则每个横幅会展示给1/3的用户。
  • 示例4:横幅组下无在投横幅时,则不展示任何内容。
多个规则相同的横幅组 AppsFlyer会将横幅组中的所有在投横幅平均分配到所有符合条件的用户。

共有2个横幅组(A和B),每个横幅组中有3个横幅(即共有6个横幅),则每个横幅向1/6的用户展示。

多个规则不同的横幅组 AppsFlyer会选择用户匹配规则最为具体的横幅组,并将其中的所有在投横幅平均分配到符合条件的用户。如果这些横幅组的规则不同,但具体程度相同,则会展示所有横幅组的横幅。
  • 示例1:共有A和B两个横幅组。横幅组A设置为向全球展示,横幅组B设置为向日本用户。由于横幅组B的设置更具体,因此只有该组中的横幅会向日本用户展示。如果该横幅组中无在投横幅,则不展示任何内容。
  • 示例2:共有A和B两个横幅组,横幅组A设置为向全球展示,而横幅组B设置为向乌克兰以外的全世界展示。由于横幅组B的设置更具体,因此仅该组中的横幅会展示给除乌克兰以外的全球用户。如果B组中没有在投横幅,则不展示任何内容。组A的横幅向乌克兰用户展示。
  • 示例3:共有A和B两个横幅组。组A设置为在日本展示,组B设置为在4月展示。两组的设置不同但具体程度相同。由于两组的优先级没有高低之分,因此日本用户在4月中会同时看到AB两组的横幅。

横幅效果的A/B测试

您可以对各横幅的效果进行A/B测试。只需在您的横幅素材(横幅设置中的第4步)中添加自定义归因参数,就能用这些参数对比每个横幅的效果了。

除了横幅组层级的pidcchannel参数之外,其他的参数都可以添加到智能横幅的URL中。

推荐:建议设置af_adset参数并对每个横幅素材都赋以唯一值。这样,您就可以通过AppsFlyer总览面板的汇总效果报告对比各横幅的投放效果(如下图所示),非常方便。

banner_performance.jpg

常见问题解答

为什么页面中没有展示我的横幅?

这是由于您在横幅组层级设置的频次上限造成的。频次上限决定了横幅组中的每个横幅对一个独立用户的展示次数。假设您将频次上限设置为3,那么如果一个用户4次访问您的网站,她在前三次访问时都会看到同一个横幅,但从第4次开始就不会再看到该横幅。您也可以关闭频次上限。在设置频次上限时,请根据需要选定一个值或关闭该功能。

可以在智能横幅的URL中添加参数吗?

是的。您可以使用showBanner(展示横幅)或updateParams(更新参数)函数在智能横幅的URL中添加参数。

智能横幅是否支持深度链接?

是的。如需实现深度链接,请按以下任意一种方式添加deep_link_value参数:

  • 在AppsFlyer后台的横幅设置页面中添加静态的自定义归因参数。
  • showBanner函数中使用additionalParams,可在展示横幅前向URL中添加参数。
  • 使用updateParams函数,可在横幅展示后向URL中添加参数。

请确保您的开发人员在deep_link_value中写入正确的深度链接行为。

智能横幅是否能根据应用在用户设备上的激活状态来展示不同内容?

不能。如果您不知道用户是否已安装您的应用,建议您选择对新老用户都适用的CTA,如“进入应用”或“打开应用”。

如果用户从最初带横幅的落地页进入其他页面后,再回到带横幅的页面,这时智能横幅的URL是否还能提取最初的入链URL参数呢?

是的。如果最初的入链URL包含utm_source或pid参数,那么这条初始URL在用户的整个浏览过程中都会被保存下来,其参数会被提取到横幅的出链。

是否能将横幅设置为在移动端网页中展示,但不在嵌套/混合型应用中展示?

是的。如果您在嵌套/混合型应用中接入智能横幅,并在应用中(而非网页浏览器中)加载横幅页面时,请勿使用showBanner函数,因为该函数会在应用中展示横幅。在这类场景中,您需要使用hideBanner函数。

特点和局限性

特点 说明
平板设备
  • 智能横幅是专为移动端设备设计的产品,其分辨率对于屏幕尺寸较大的平板设备来说可能不是最理想的。
  • 平板设备上的浏览器可能会被识别为PC端。
自定义参数
  • 自定义参数中不能使用下列特殊字符:;、*、!、@、#、?、$、^、:、&、~、`、=、+、’、>、<、/
  • 如果您定义的参数中包含以上任一特殊字符,则该参数无法保存。
横幅展示拆分 AppsFlyer会将在投横幅平均分配到符合条件的用户,无法选择哪个横幅展示更多,哪个横幅展示更少。比如,如果一组中有两个横幅,那么这两个横幅就会分别展示给50%的用户,而不能拆分成70%-30%的展示比例。
指定页面 将横幅组设置为在指定页面中展示横幅时,横幅规则仅对您输入的服务器/路径生效。如果没有完全匹配的结果(比如说您的网页中带有规则设置范围以外的其他字符串),则规则不生效。
这篇文章有帮助吗?