Singular Banners can be displayed in your mobile website to lead web users seamlessly to your app and display the most relevant app content. You can easily design, deploy, and maintain your banners through the Singular Banners UI.
| Guide For | UA Team |
| Prerequisites | The Singular Web SDK (with banner support) has been integrated into your website. For the integration guide, see How to Enable Singular Banners (Guide for Engineering Team) |
| See Also |
Singular Banners FAQ |
Step-by-Step
| 1 |
Add BannerIn your Singular account, go to Automation > Banners. Choose the app you want to create a banner for from the list, and then click Add Banner. In the Banner Configuration panel, start by giving your banner a name, choosing its placement in the web page, and adding a description. |
| 2 |
Activation RulesThis is where you choose when to display the banner, based on the URL, the user's mobile device, and more. |
| 3 |
InteractionHere you can choose where the user is directed when they click the banner. You can choose the app, the App Store/Google Play URL, the URL for deep linking and the URL for deferred deep linking (DDL). |
| 4 |
DesignClick the Design tab at the top of the panel. This is where you:
If you want more control over the banner's appearance, see the next step. |
| 5 |
[Optional] Edit CSS
If you want more control over the way your banner looks, click CSS. Here you can directly change the CSS code that control's the banner's appearance. |
| 6 |
DeployOnce you're done designing, click Deploy to start using the banner. |
| 7 |
Tracking Banner PerformanceAfter your banner has been deployed for a while, you can track its performance by going to Analytics > Reports and running a report with the Banner Name dimension. The following example shows a report with Banner Name granularity. For more information, see the Singular Banners FAQ. |