{"id":44273,"date":"2018-02-12T04:50:29","date_gmt":"2018-02-12T11:50:29","guid":{"rendered":"http:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/"},"modified":"2018-02-12T04:50:29","modified_gmt":"2018-02-12T11:50:29","slug":"how-to-deliver-web-notifications-dos-and-donts-of-different-placements","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/","title":{"rendered":"How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements"},"content":{"rendered":"<p><em>*This is Part 2 of the blog post series about which notifications will illuminate a visitor\u2019s journey, where to place them on your website, and with which strategy to pair\u00a0them.<\/em><\/p>\n<p><a href=\"http:\/\/blog.intempt.com\/blog\/7-types-of-web-notifications-that-delight-your-visitors-journey\">Previously<\/a>, I discussed which types of web notifications visitors want to encounter on their journey towards conversion. Notifications are best accepted when they encourage, help, bring value, have a personal touch to them, are delivered in real-time, and accurately predict a visitor\u2019s behavior.<\/p>\n<p>The next goal for the marketer is to figure out how to stitch the visitor\u2019s journey together and declutter their session. We may have a stack of relevant notifications, but how do we deliver and place them so the visitor not only notices them, but also\u00a0engages?<\/p>\n<p>In Part 2 of the blog series around visitor notifications, I discuss where to place notifications on your website, as well as the pros and cons of those placements. I\u2019ll let you in on the knowledge garnered from working with\u00a0clients.<\/p>\n<p>While creating your next messaging campaign, consider:<\/p>\n<h3>Modal Overlay Messaging<\/h3>\n<p>To be clear?\u2014?by modal overlay messaging, I mean a pop-up that requires a visitor to dismiss the notification in order to proceed with their\u00a0journey.<\/p>\n<p>However, browsers and plugins prevent the majority of pop-ups from opening in new windows. Instead, most current pop-ups are modal overlays that open within the same window. Since they\u2019re not really \u201cpop-ups\u201d in the traditional sense anymore, I will refer to them as marketing overlays in this\u00a0article.<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/02\/02AmimyrVLRqMW9jzRi.png?w=900\"><figcaption><em>Modal Overlay Messaging<\/em><\/figcaption><\/figure>\n<p>In 2004, <a href=\"http:\/\/www.nngroup.com\/articles\/most-hated-advertising-techniques\/\">pop-ups were the most hated online advertising technique<\/a>, and much of that hostility <a href=\"https:\/\/www.betterads.org\/standards\/\">remains today<\/a>. Businesses claim that pop-up forms help to <a href=\"http:\/\/blog.crazyegg.com\/2014\/08\/18\/opt-pop-ups\/\">build an extensive list of prospective customers <\/a>and enhance conversions. So what\u00a0gives?<\/p>\n<p>When done incorrectly, overlay messages annoy visitors, compromise the user experience, and fail to convert people into paying customers.<\/p>\n<p>When done right, marketing overlays are a great way to engage your visitors, drive sales, build growing email subscriber lists, and generate scores of new sales\u00a0leads.<\/p>\n<p>So do it\u00a0right.<\/p>\n<ul>\n<li><strong>Don\u2019t <\/strong>interrupt the visitor journey unless necessary.<\/li>\n<\/ul>\n<p>If the funnel is complex and your visitor needs a light tap on the shoulder, consider a different type of overlay that I cover later in this\u00a0article.<\/p>\n<ul>\n<li><strong>Do <\/strong>consider an exit modal overlay messaging.<\/li>\n<\/ul>\n<p>If you are determined to place a pop-up that needs a dismissal from the visitor, think of it as your last resort. You want your site to be well-optimized for conversions, so that most people won\u2019t consider leaving before converting.<\/p>\n<p>The challenge is coming up with an offer more unique, more convincing than everything else on your page?\u2014?because ineffectual offers mean no conversion. However, if your offer delights a customer, you <a href=\"https:\/\/sumo.com\/stories\/pop-up-statistics\">might expect <\/a>a 3.09% conversion rate.<\/p>\n<p><strong>Hint: <\/strong>You\u2019re approaching things from the right angle if you\u2019re strategic about using exit-intent pop-ups as a safety net to reduce the number of leads slipping away. However, if you\u2019re using them to make up for the failings of your website, then you\u2019re doing your website an injustice. <a href=\"http:\/\/blog.intempt.com\/predictive-marketing-ebook\">Optimize visitor journeys<\/a> instead of ignoring the work that needs to be\u00a0done.<\/p>\n<h3>Sticky Bottom \/ Top Overlay Messaging<\/h3>\n<p>Opt for a sticky bottom or top overlay?\u2014?they\u2019re less interruptive compared to the pop-up discussed earlier, and perfectly convey the message. The visitor journey continues regardless of the notification sticking to the top or the bottom of the page, which helps content on the page remain a priority.<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/02\/02AU6u7i8_jBOm6L0d5.png?w=900\"><figcaption><em>Sticky Bottom Overlay Messaging<\/em><\/figcaption><\/figure>\n<p>While bottom and top overlay are a more elegant technique compared to a full overlay, there\u2019s plenty of room for error. <a href=\"https:\/\/www.betterads.org\/research\/\">The notification density<\/a> on the page should remain low, around 15%, in order to not appear distractive. Visitors prefer sticky notifications of around 728X90 pixels on top or bottom, while sizes like 970X250 distract them and may hurt conversions.<\/p>\n<p>Consider these guidelines:<\/p>\n<ul>\n<li><strong>Do <\/strong>use bottom and top overlay if the funnel is\u00a0complex.<\/li>\n<\/ul>\n<p>We\u2019ve noticed that if the funnel is complex and involves many different steps \/ forms \/ fields, it\u2019s easy for any visitor to get lost. A timely notification imbedded to the top or bottom of their screen will be seen as guidance to the next step. <a href=\"http:\/\/blog.intempt.com\/blog\/intempt-kukun-case-study\">We proved this technique<\/a> with one of our clients, where the audience for the campaign consisted of 2,706 visitors; 3,618 notifications were sent, and the lift in conversion increased to\u00a06.01%.<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/889\/0*KRal16-BJJtz1dlc.\"><figcaption><em>Helpful bottom overlay notification in the complex\u00a0funnel<\/em><\/figcaption><\/figure>\n<p><strong>Do<\/strong> greet returning visitors and show them the\u00a0way.<\/p>\n<p>If a visitor returns, it\u2019s helpful to remind them where they left off, especially if they were on their way towards a conversion. They may have a different goal in mind this time, so the bottom or top notification doesn\u2019t obligate a visitor to any action. <a href=\"http:\/\/blog.intempt.com\/blog\/intempt-kukun-case-study\">We saw this play out well<\/a>with one of our clients where the audience for the campaign consisted of 604 visitors; 1,214 notifications sent and the lift in conversion increased to\u00a018.74%.<\/p>\n<ul>\n<li><strong>Don\u2019t <\/strong>overuse a top and bottom overlay when the purchase cycle is\u00a0short.<\/li>\n<\/ul>\n<p>If the sales cycle is fairly short and straightforward, with little to no choices or options, a top or bottom overlay may not be seen as guidance but rather as a distraction. We spoke with some site owners who build a short sales funnel and intentionally avoid any type of messaging campaign. Look closely at your visitor journey to understand behavior patterns to decide whether this is good placement for\u00a0you.<\/p>\n<p><strong>Hint:<\/strong> Don\u2019t forget to add a dismiss button to your notifications, no matter how non-interruptive they\u00a0seem.<\/p>\n<h3>Embedded<\/h3>\n<p>Embedded notifications seamlessly blend into the page and can still be rich in information. When these notifications get noticed, <a href=\"http:\/\/blog.blackboard.com\/new-study-notifications-promote-student-action\/\">embedded alerts promote action at high\u00a0rates.<\/a><\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/02\/02A8B3bjSckLiZeuj-P.png?w=900\"><figcaption><em>Embedded notification<\/em><\/figcaption><\/figure>\n<p>An embedded notification fills the space on your webpage, and looks and feels like a native part with an optional dismiss feature. If you want to try the embedded notification:<\/p>\n<ul>\n<li><strong>Do<\/strong> embed notifications to gradually nurture the\u00a0visitor.<\/li>\n<\/ul>\n<p>Since you have your visitor\u2019s attention, make your notification dense with information. To make it more eye-grabbing, go for contrasting colors when designing it.<\/p>\n<ul>\n<li><strong>Don\u2019t <\/strong>opt for this type of messaging when it comes to valuable time-sensitive offers.<\/li>\n<\/ul>\n<p>Since the message is on the page when the visitor arrives, the absence of a noticeable change on the page may cause the notification to be missed, and the urgency of a time-sensitive message may be\u00a0lost.<\/p>\n<h3>Inline Pushdown<\/h3>\n<p>An inline notification pushes the content of your webpage down or up depending on its position. Once the notification is dismissed, the content of the page slides back\u00a0up.<\/p>\n<figure><img decoding=\"async\" alt=\"\" src=\"https:\/\/cdn-images-1.medium.com\/max\/889\/0*6BBlecCOdzeQHyrA.\"><figcaption><em>Inline Pushdown Notification<\/em><\/figcaption><\/figure>\n<p>Because of the F-shaped pattern of reading content, static inline ads and notifications have been <a href=\"https:\/\/www.betterads.org\/research\/\">in favor among users<\/a> when placed on top. If the notification is contextually relevant to the visitor, they will be pleased with the information, as it\u2019s the first thing they\u2019ll\u00a0notice.<\/p>\n<p><a href=\"http:\/\/babich.biz\/f-shaped-pattern-for-reading-content\/\">The F-Pattern <\/a>stands for the most common user eye-scanning patterns when it comes to content on your website. The pattern was popularized by <a href=\"https:\/\/www.nngroup.com\/articles\/f-shaped-pattern-reading-web-content\/\">NNGroup eye tracking study<\/a>, which included more than 200 users who looked at thousands of web pages. NNGroup found that \u201cusers\u2019 main reading behavior was fairly consistent across many different sites and tasks.\u201d This reading pattern was F-shaped and had the following three components:<\/p>\n<figure><img data-recalc-dims=\"1\" decoding=\"async\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/02\/02AOrpOUNQ8a3R2r6Jt.jpeg?w=900\"><figcaption><em>F-shaped pattern for consuming content (<\/em><a href=\"http:\/\/babich.biz\/f-shaped-pattern-for-reading-content\/\"><em>image\u00a0source<\/em><\/a><em>)<\/em><\/figcaption><\/figure>\n<p>How can you use this knowledge when it comes to inline notifications?<\/p>\n<ul>\n<li><strong>Do <\/strong>place the inline notification on top. Make sure there\u2019s a dismiss option that makes the rest of the content on the page slide back. Feel free to play with width, but keep it to 40px wide to make the notification less intrusive.<\/li>\n<li><strong>Don\u2019t<\/strong> place the inline pushdown notification on the bottom of the page if you want to make sure your offer or tip to the visitor is noticed. (F-shaped pattern, remember?)<\/li>\n<\/ul>\n<h3>To sum\u00a0up<\/h3>\n<p>Placement matters. When orchestrated incorrectly, website messaging is annoying. When done correctly, it engages visitors, drives sales, and builds sign up lists without compromising the user experience.<\/p>\n<p>In Part 3, we\u2019ll wrap up the series by covering how to strategize website messaging for different outcomes.<\/p>\n<p><a href=\"https:\/\/app.hubspot.com\/meetings\/kateryna\">Let me know if you\u2019d like to see these notifications in\u00a0action<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/medium.com\/_\/stat?event=post.clientViewed&#038;referrerSource=full_rss&#038;postId=741ff1bd44a8\" width=\"1\" height=\"1\"><\/p>\n<hr>\n<p><a href=\"https:\/\/medium.com\/intempt\/how-to-deliver-web-notifications-dos-and-don-ts-of-different-placements-741ff1bd44a8\">How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements<\/a> was originally published in <a href=\"https:\/\/medium.com\/intempt\">intempt<\/a> on Medium, where people are continuing the conversation by highlighting and responding to this story.<\/p>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>*This is Part 2 of the blog post series about which notifications will illuminate a visitor\u2019s journey, where to place them on your website, and with which strategy to pair\u00a0them. Previously, I discussed which types of web notifications visitors want to encounter on their journey towards conversion. Notifications are best accepted when they encourage, help,&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":44274,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[15],"tags":[],"class_list":["post-44273","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general-info"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"*This is Part 2 of the blog post series about which notifications will illuminate a visitor\u2019s journey, where to place them on your website, and with which strategy to pair them.Previously, I discussed which types of web notifications visitors want to encounter on their journey towards conversion. Notifications are best accepted when they encourage, help, bring\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<meta name=\"keywords\" content=\"general info\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"*This is Part 2 of the blog post series about which notifications will illuminate a visitor\u2019s journey, where to place them on your website, and with which strategy to pair them.Previously, I discussed which types of web notifications visitors want to encounter on their journey towards conversion. Notifications are best accepted when they encourage, help, bring\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2018-02-12T11:50:29+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2018-02-12T11:50:29+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"*This is Part 2 of the blog post series about which notifications will illuminate a visitor\u2019s journey, where to place them on your website, and with which strategy to pair them.Previously, I discussed which types of web notifications visitors want to encounter on their journey towards conversion. Notifications are best accepted when they encourage, help, bring\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\\\/#article\",\"name\":\"How to Deliver Web Notifications \\u2014 Do\\u2019s and Don\\u2019ts of Different Placements | Design for Immersive Technologies\",\"headline\":\"How to Deliver Web Notifications \\u2014 Do\\u2019s and Don\\u2019ts of Different Placements\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/02AmimyrVLRqMW9jzRi.png?fit=700%2C472&ssl=1\",\"width\":700,\"height\":472},\"datePublished\":\"2018-02-12T04:50:29-07:00\",\"dateModified\":\"2018-02-12T04:50:29-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\\\/#webpage\"},\"articleSection\":\"General Info\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/general-info\\\/#listItem\",\"name\":\"General Info\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/general-info\\\/#listItem\",\"position\":2,\"name\":\"General Info\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/general-info\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\\\/#listItem\",\"name\":\"How to Deliver Web Notifications \\u2014 Do\\u2019s and Don\\u2019ts of Different Placements\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\\\/#listItem\",\"position\":3,\"name\":\"How to Deliver Web Notifications \\u2014 Do\\u2019s and Don\\u2019ts of Different Placements\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/general-info\\\/#listItem\",\"name\":\"General Info\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\\\/\",\"name\":\"How to Deliver Web Notifications \\u2014 Do\\u2019s and Don\\u2019ts of Different Placements | Design for Immersive Technologies\",\"description\":\"*This is Part 2 of the blog post series about which notifications will illuminate a visitor\\u2019s journey, where to place them on your website, and with which strategy to pair them.Previously, I discussed which types of web notifications visitors want to encounter on their journey towards conversion. Notifications are best accepted when they encourage, help, bring\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/02AmimyrVLRqMW9jzRi.png?fit=700%2C472&ssl=1\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\\\/#mainImage\",\"width\":700,\"height\":472},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2018\\\/02\\\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\\\/#mainImage\"},\"datePublished\":\"2018-02-12T04:50:29-07:00\",\"dateModified\":\"2018-02-12T04:50:29-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements | Design for Immersive Technologies","description":"*This is Part 2 of the blog post series about which notifications will illuminate a visitor\u2019s journey, where to place them on your website, and with which strategy to pair them.Previously, I discussed which types of web notifications visitors want to encounter on their journey towards conversion. Notifications are best accepted when they encourage, help, bring","canonical_url":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/","robots":"max-image-preview:large","keywords":"general info","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/#article","name":"How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements | Design for Immersive Technologies","headline":"How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/02\/02AmimyrVLRqMW9jzRi.png?fit=700%2C472&ssl=1","width":700,"height":472},"datePublished":"2018-02-12T04:50:29-07:00","dateModified":"2018-02-12T04:50:29-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/#webpage"},"articleSection":"General Info"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/#listItem","name":"General Info"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/#listItem","position":2,"name":"General Info","item":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/#listItem","name":"How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/#listItem","position":3,"name":"How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/#listItem","name":"General Info"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/","name":"How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements | Design for Immersive Technologies","description":"*This is Part 2 of the blog post series about which notifications will illuminate a visitor\u2019s journey, where to place them on your website, and with which strategy to pair them.Previously, I discussed which types of web notifications visitors want to encounter on their journey towards conversion. Notifications are best accepted when they encourage, help, bring","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/02\/02AmimyrVLRqMW9jzRi.png?fit=700%2C472&ssl=1","@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/#mainImage","width":700,"height":472},"primaryImageOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/#mainImage"},"datePublished":"2018-02-12T04:50:29-07:00","dateModified":"2018-02-12T04:50:29-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements | Design for Immersive Technologies","og:description":"*This is Part 2 of the blog post series about which notifications will illuminate a visitor\u2019s journey, where to place them on your website, and with which strategy to pair them.Previously, I discussed which types of web notifications visitors want to encounter on their journey towards conversion. Notifications are best accepted when they encourage, help, bring","og:url":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/","article:published_time":"2018-02-12T11:50:29+00:00","article:modified_time":"2018-02-12T11:50:29+00:00","twitter:card":"summary","twitter:title":"How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements | Design for Immersive Technologies","twitter:description":"*This is Part 2 of the blog post series about which notifications will illuminate a visitor\u2019s journey, where to place them on your website, and with which strategy to pair them.Previously, I discussed which types of web notifications visitors want to encounter on their journey towards conversion. Notifications are best accepted when they encourage, help, bring"},"aioseo_meta_data":{"post_id":"44273","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"created":"2021-02-08 05:37:26","updated":"2026-08-22 03:36:58","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\/category\/general-info\/\" title=\"General Info\">General Info<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHow to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"General Info","link":"https:\/\/www.taterboy.com\/blog\/category\/general-info\/"},{"label":"How to Deliver Web Notifications \u2014 Do\u2019s and Don\u2019ts of Different Placements","link":"https:\/\/www.taterboy.com\/blog\/2018\/02\/how-to-deliver-web-notifications-dos-and-donts-of-different-placements\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-bw5","jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2018\/02\/02AmimyrVLRqMW9jzRi.png?fit=700%2C472&ssl=1","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/44273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=44273"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/44273\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media\/44274"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=44273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=44273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=44273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}