How push notification ads look in different operating systems and browsers

Post by

Push notification advertisements would seem to be the first format that looks different on every device, OS, and browser. How can you optimize push ads banner if you don’t know how they will look to the user? We sent a completely identical push to a bunch of browsers to find out how different systems would display it.

If you’re not familiar with push advertising, read about it.

Any push network will tell you that their push notifications look like this:

How push notification ads look
Push notification advertising banner

192×192 logo, 492×328 banner, 30-character title, and 45-character description.

The Rich Push format really does look like this, but only on Windows 7-10 Pro in the Chrome browser. In the same version of Chrome, but on Windows 10 Home, it might look like this:

The view of a push notification on Windows 10 Home
Push notification on Windows Home

The layout is completely different, and the push ads banner has been reduced to 492×245. A weird ellipsis has appeared, even though the full description is shown.

Windows 7, 8, 10 Home, and 10 Pro, but Opera:

Push ads in Opera browser
Push notification in Opera

No banner at all, and the description and title can be trimmed to 27 characters.

This is what life didn’t prepare us for. Push ad on Windows 7, 8, 10 Home, and 10 Pro in Firefox:

Push ad on Windows 7, 8, 10 Home, and 10 Pro in Firefox
Push notification in Firefox

There is no banner, the title has gone to the top-left corner and is now almost unnoticeable, and there is a lot of empty space and some weird layout.

What surprises are in store for us in Chrome on Android?

Push notification on Android

Everything is OK, except the banner is 492×225, and not 492×328.

As might be expected, the banner was not sent to Firefox on Android:

Push notification on Android

Everything is OK, except the push ads banner is 492×225, and not 492×328.

And here’s what you get on macOS:

Push notification on macOS

No big banner, in the browser that sent the notification the icon has been pushed off to the right. The push itself has moved from the bottom-right corner to the upper-right.

Chrome on macOS is a little different: it adds a couple of buttons and shortens the text to 27 characters to accommodate them:

 

Push notification on macOS

Chrome on Linux chose to send neither the logo nor the icon. Just because it can:

Push notification on Linux

Firefox made the push even smaller, but left a ridiculously sized logo:

Push notification on Linux

Let’s end on an optimistic note. In Opera on Linux, the push looks almost normal:

Push notification on Linux

The text has been cut to 27 characters, but this is okay for a Rich Push banner.

We hope this mini-guide will make it easier for you to optimize your campaigns and increase your conversions. In the meantime, we’ll keep testing different browsers and devices. If we find out anything interesting, we’ll let you know!

Source: https://richpush.com/preview


Also published on Medium.