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

首次在移动端网站中投放智能横幅前，您需要先完成以下准备工作：

1. 从AppsFlyer后台的侧边栏中选择互动 > 网页到应用 > 智能横幅 > 进入智能横幅板块。
2. 点击开始使用，然后按照设置向导工具的指示完成必要的配置步骤。网站配置中心的详细设置指南请见下文。
3. 为该网页配置中心设置一个名称。
4. 点击创建。打开网页配置中心界面。 
5. 复制横幅的代码片段。 
6. 将该代码片段写入您的网站中。每个网站只需写入一次。
   • 如需通过Google Tag Manager、Adobe Tag Manager、Shopify、Wix、Squarespace或WordPress将该代码添加到您的网站，请参考营销人员的智能横幅网页代码添加指南。
   • 如需通过其他平台添加该代码，或根据实际需求（包括添加参数、深度链接、隐藏横幅或结合PBA使用智能横幅等）更改该代码，请参考开发人员专用的智能横幅网页代码添加指南。
7. 【可选】复制Web Key（该密钥已经包含在代码片段中）。
8. 点击下一步。

后续创建网站配置中心的方式

1. 从AppsFlyer后台的侧边栏中选择互动 > 网页到应用 > 智能横幅 > 操作台。
2. 点击选项菜单。 
3. 选择创建新的网站配置。
4. 为该网页配置中心设置一个名称。
5. 点击创建。打开网页配置中心界面。 
6. 复制横幅的代码片段。 
7. 将该代码片段写入您的网站中。每个网站只需写入一次。
   • 如需通过Google Tag Manager、Adobe Tag Manager、Shopify、Wix、Squarespace或WordPress将该代码添加到您的网站，请参考营销人员的智能横幅网页代码添加指南。
   • 如需通过其他平台添加该代码，或根据实际需求（包括添加参数、深度链接、隐藏横幅或结合PBA使用智能横幅等）更改该代码，请参考开发人员专用的智能横幅网页代码添加指南。
8. 【可选】复制Web Key（该密钥已经包含在代码片段中）。
9. 点击下一步。

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

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

请按以下步骤创建新的横幅组或横幅组副本：

1. 从AppsFlyer后台的侧边栏中选择互动 > 网页到应用 > 智能横幅 。
2. 如果之前没有创建过横幅组：
   1. 点击页面左边的添加横幅组。
   2. 从第5步开始，完成各步骤操作。
3. 如需添加其他横幅组：
   1. 进入Studio选项卡。
   2. 点击+新建。
   3. 从第5步开始，完成各步骤操作。
4. 如需创建某个横幅组的副本：
   1. 点击删除图标旁边的创建副本图标。
5. 设置一个具有唯一性的横幅组名称，且能反映出组下各横幅的共同主题（如要推广的应用）。
6. 选择该横幅组要用到的OneLink模板。
7. 【可选】为该横幅组设置URI scheme，作为Universal Link和App Link失效时的备用方案，为用户打开应用。由于该值默认从OneLink模板中提取，因此一般情况下很少会用到这个方案。只有在使用模板以外的值时，才需要为横幅组设置URI scheme。
8. 设置主要及次要归因渠道，对来自该横幅组的新增激活进行归因。 
   
   关于点击ID传递的注意事项：如果传入链接中包含可用的FBCLID、GCLID、WBRAID及GBRAID，这些ID会自动传递到智能横幅生成的传出链接中。对于Google的点击ID，如果传入链接中还包含“keyword”（关键词）参数，则传出链接会以af_keywords来表达该参数的值。
   

   请参考下表，选择最合适的自定义链接方案。

   可选方案	使用场景	注意事项
   使用UTM参数	当移动端网页的大部分非自然流量来自带UTM参数的渠道时可选用该方式。	◦ 媒体渠道名称（pid）= UTM_Source  ◦ 广告系列（c）= UTM_campaign ◦ 如果UTM_source或UTM_campaign出现缺失，则会以静态名称替代。
   使用传入的归因链接参数	当移动端网页的大部分非自然流量来自使用AppsFlyer归因链接的点击型广告平台时可选用该方案。	◦ 由AppsFlyer归因链接传入的所有可用参数都会添加到智能横幅链接中。  ◦ 如果传入的AppsFlyer归因链接和智能横幅中同时存在某一个参数，最终的自定义链接中会优先攫取传入的参数。
   添加其它归因参数	可根据需要添加其他的网页归因数据，用以对每个激活进行深度剖析。	比如，电商网站可以为每个品类创建相同的自定义链接，并以af_adset的值区分（如“af_adset=fruit”）
   使用默认归因参数	◦ 符合以下条件时使用此选项：移动端网页的大部分流量都是自然量。▪ 非自然流量不是从点击型广告平台或带UTM参数的渠道进入网站的。◦ 您可以自行调整参数值。	重要提示！建议选择UTM或传入的归因链接参数，因为自定义链接本来就会使用默认的智能横幅归因参数作为备用，以应对媒体渠道、广告系列或流量入口名称缺失的情况。

9. 【推荐】建议设置默认归因参数Channel name（流量入口名称），这样就能将所有来自智能横幅的激活归因到具体的流量入口，并能在群组报告、数据总览面板、留存报告等多种报告中将同一个流量入口下多个媒体渠道的数据进行汇总。
   
   
10. 【可选】如果您想要使用该横幅组来记录用户点击横幅后的再互动情况，请打开再营销开关。如需进一步了解再营销解决方案，请参阅再营销归因指南。

    重要提示！

    如需使用再营销功能，您需要完成以下操作：

    • 在应用配置中启用再营销

    在非再营销的UA推广中使用基于OneLink的横幅链接时，现有用户点击该链接后也会打开应用，并有相同的用户体验。但是，他们的再次互动被记录为常规互动，这意味着无法评估自有媒体广告活动的成功情况。

11. 【可选】打开再营销广告中忽略活跃用户的开关，并设置不活跃窗口。该操作会在您的智能横幅组链接中添加参数af_inactivity_window=[天数]，使得再营销归因忽略在此期间的所有活跃用户。
12. 设置再互动窗口期。用户再次打开应用后，在该窗口期以内的应用内事件会归因到再营销渠道。
    • 这个值可以设置为数天（1-90天）、数小时（至多23小时）或用户的整个生命周期。
    • 再互动窗口期会以af_reengagement_window参数的形式体现在归因链接中。
13. 【可选】设置展示间隔，即向用户展示了某个横幅后，至少隔多长时间再向该用户展示该横幅。您可从以下3种方案中选择一种：
    • 按时间设置：1小时、1天或1周。
    • 下一个会话（session）：即用户关闭该横幅后，在另一个标签页或窗口中开启的session。
    • 永不：不再展示该横幅。 请注意：
      • 如果用户清除了浏览器缓存，或在隐私浏览模式下访问网站，则展示间隔设置会丢失。
      • 展示间隔对已经展示完毕的横幅生效，但同一横幅组下的其他横幅仍可展示。
14. 【可选】设置频次上限。  您可以通过频次上限来限定横幅组中的每个横幅对一个独立用户的展示次数。您可以选择无限制（即总是展示横幅）或限制横幅展示次数。

    举例来说，如果某个横幅组中包含三个横幅，且展示频次上限为1，则这三个横幅对每个用户各展示一次。这种情况下，某用户在三次访问相关网站后，就会看到该横幅组中的所有横幅。从第四次访问开始，该用户就不会再看到这一组中的任何横幅。如果频次上限设置为2，则该组横幅对每个用户各展示2次，也就是说用户在六次访问后才会到达这一组横幅的频次上限。

15. 【可选】设定该横幅要在哪个操作系统中展示：
    • 所有的移动端操作系统。
    • 仅安卓或仅iOS。
16. 【可选】设置横幅组的上线时间：马上开始（默认）或限时投放。
17. 【可选】设置横幅组上线的地理位置。
    1. 若选择全球，该横幅组会对所有用户展示。您可根据需要排除具体地区、国家或州的流量。
    2. 若选择指定地理位置选项，则可向一个或多个指定区域的用户展示该横幅组。
18. 【可选】设置展示页面，即该横幅组在哪些页面中展示：
    • 【默认】在网站的所有页面中展示。 请注意：建议至少设置一个在所有页面展示的横幅组，以留作备用。
    • 在指定页面中展示：在指定页面或链接中展示或不展示横幅。
      • 您可在以下两种方案中选择一种：
        • 指定页面：指定横幅展示页面的服务器和/或路径，这里输入的任何查询参数都会被忽略。如：http://www.example.com/path?query
        • URL路径和查询参数：输入路径和/或查询参数，用于判定横幅是否展示。如：path?query。 请注意：切勿输入整条URL，如http://www.example.com/path?query，而是仅输入路径和/或请求参数。
      • 您可以使用“and/or”（“和/或”关系）添加最多15个条件。
      • 如果条件之间有冲突，则无法显示横幅。
19. 点击创建横幅组。
20. 【可选】再次编辑横幅组，将鼠标悬停在定向及行为上，然后点击编辑。

定向与行为

定向与行为工具栏中会显示您为该横幅组设定的配置。如需更改配置，请点击“编辑”图标。

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

1. 点击创建横幅，进入编辑横幅页面。
2. 设置该横幅的名称。
3. 创建一个设计素材：
   1. 点击设计素材，设置该横幅的素材。

      界面会打开一个横幅模板选择窗口。

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

        模板类型	最大图像文件大小	图像比例	图像高度	图像宽度
        Minimal（极简）	300 KB	3:1（宽 x 高）	70 px	按屏幕大小缩放
        Standard（标准）	300 KB	3:1（宽 x 高）	70 px	按屏幕大小缩放
        Enhanced（优化）	300 KB	9:4（宽 x 高）	110 px	按屏幕大小缩放
        Multi-choice（多按钮）	300 KB	9:4（宽 x 高）	110 px	按屏幕大小缩放
        Promotional（推广）	300 KB	4:5（宽 x 高）	300 px	按屏幕大小缩放
        Multi-choice overlay（多按钮覆盖式）	300 KB	9:4（宽 x 高）	110 px	按屏幕大小缩放
        Interstitial（插屏）	700 KB	9:16（宽 x 高）	按屏幕大小缩放	按屏幕大小缩放

   4. 点击查看，查看横幅素材并检查该素材在不同设备上的展示效果。请注意：横幅的预览效果可能会与上线后的展示效果稍有不同。
   5. 如需修改素材，请点击返回编辑器。
   6. 点击完成，回到横幅设置页面。
4. 【可选】添加自定义归因参数，例如：ad_adset和af_ad。请注意：pid、c和channel这几个参数是横幅组层级的参数，因此不能在横幅层级添加。
5. 新的素材创建完毕并保存后，横幅状态变为“在投”。您可以使用状态开关切换横幅状态，让其变为在投或停投。
6. 点击全部保存以保存您的配置，或点击全部保存并关闭在保存配置后关闭该横幅设置页面。

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

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

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

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

您可以在投放效果页面查看并对比所有智能横幅的效果数据，最多可覆盖90天内的投放效果。

请按以下方式查看投放效果页面：

1. 从AppsFlyer后台的侧边栏中选择互动 > 网页到应用 > 智能横幅 > 投放效果。
2. 选择您要查看的日期范围。默认为最近7天。
3. 【可选】打开仅显示当前活跃的横幅开关。该开关打开时，暂时停投或不活跃的横幅即使在所选时间段内正常投放，也不显示其相关数据。界面显示选定时间段内的效果数据。

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

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

1. 从AppsFlyer后台的侧边栏中选择互动 > 网页到应用 > 智能横幅 > 操作台。
2. 选择您要查看的横幅所在的网页配置中心和横幅组。
3. 将鼠标悬停在该横幅组的任何一条横幅上。界面会显示过去一周的效果数据。

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

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

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

您可以在效果面板中对比各横幅的投放效果，从而对横幅进行A/B测试。如需获取额外的归因相关数据，建议您添加af_adset、 af_ad或其他归因参数（pid、c和channel除外），并为每个横幅素材或横幅组配置独立的值。这样，您就能在AppsFlyer的面板和报告中使用这些参数来对比各横幅组的投放效果。

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

可以。您可以将横幅中的字体设置为您网站的专用字体，具体请按照开发者资源中心的说明进行操作。使用专用字体时请注意以下事项：

• 需要网页开发人员接入专用字体。
• 该字体会对您网站中的所有横幅以及横幅中的所有文字元素生效。
• 无法在素材编辑器中查看该字体。
• 接入字体后，请测试您的横幅素材。
• 如果您的字体无法正常显示，请在素材编辑器中重新保存您的横幅。

是的，您可以在相关智能脚本中调用以下两个函数：

• showBanner
• updateParams

区分。如需实现深度链接，请按以下任意一种方式添加deep_link_value参数：

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

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

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

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

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

我们致力于保障您的所有用户，包括残障人士，都可以访问智能横幅中的全部内容并与其互动。

因此我们在智能横幅元素中添加了相关的HTML属性，尽全力实现智能横幅的无障碍访问支持，并符合WCAG 2.1（《网页内容无障碍准则）标准最佳实践的要求。

但您必须自行判断使用这类智能横幅时需要满足的无障碍访问要求。您需要全权确保您使用的智能横幅在生效期间遵照相关的网页无障碍访问要求，对所有用户都保持无障碍支持。

请注意：对智能横幅做各种修改时可能会影响其与相关无障碍要求的一致性，这类修改包括横幅内部元素的颜色和大小变更。