How push notification ads look in different operating systems and browsers

Ihar Paulau
Push Notification Advertising
4 min readDec 24, 2018

Push notification advertisements would seem to be the first format that looks different on every device, OS, and browser. How can you optimize creatives 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:

Push notification advertising banner

192x192 logo, 492x328 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:

Push notification on Windows Home

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

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

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 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 492x225, and not 492x328.

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

Push notification on Android

Everything is OK, except the banner is 492x225, and not 492x328.

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 can be forgiven 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.co/preview

Originally published at RichPush.

--

--

Ihar Paulau
Push Notification Advertising

Chief Marketing Officer | AI Marketing Expert | Media Founder