{"id":275,"date":"2022-01-05T19:05:59","date_gmt":"2022-01-05T17:05:59","guid":{"rendered":"https:\/\/www.genecy.com\/blog\/?p=275"},"modified":"2025-07-11T10:55:20","modified_gmt":"2025-07-11T07:55:20","slug":"high-performance-top-scroller-ads-with-parallaxer-template","status":"publish","type":"post","link":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/","title":{"rendered":"High-performance top scroller ads with Parallaxer template"},"content":{"rendered":"\n<p>Usually, parallax ads (also known as interscroller ads) are seen between website content. These ads split content with a fixed banner in the background &#8211; a position doesn\u2019t change while a user scrolls up and down. Publishers using Google Ad Manager (GAM) can easily serve this ad format with our <a href=\"https:\/\/www.genecy.com\/gam\/templates\/parallaxer\/\">Parallaxer creative template<\/a>. This is one of the most acquired templates, also the most complicated.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Recently, we have noticed that top-scroller ads have become more and more popular. It\u2019s the same parallax ad but appears on the page top &#8211; before all website contents. This ad format is visible immediately, right after a page load, with a high active-view percentage. This article will guide how to show nice-looking top-scroller banners on your website with the Parallaxer creative template on Google Ad Manager. This method requires minimal or no changes on your website so that some technical skills may be required.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Implementation<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Pre-notes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This method doesn&#8217;t work for AMP pages.<\/li>\n\n\n\n<li>You need a license of the Parallaxer with a minimum version of 2.1.1. Older versions don&#8217;t have the JS callback functions feature, which is required to show a &#8220;scroll-down&#8221; icon and a closing button.<\/li>\n\n\n\n<li>The installed Parallaxer template should be with the enabled &#8220;JS callback&#8221; field (by default, this field is disabled; enable this field in the template&#8217;s customization form on your downloads link).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Setup ad unit<\/h3>\n\n\n\n<p>Firstly you need to install an ad unit right before your website&#8217;s visible content. We would recommend right after the opening &#8220;BODY&#8221; HTML element. If you have an ad unit installed on the required position, no changes on your website are necessary.<\/p>\n\n\n\n<p>Here are official instructions on how to <a href=\"https:\/\/support.google.com\/admanager\/answer\/177207?hl=en&amp;ref_topic=7073428\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">install ad units<\/a>. You can install a size-defined or out-of-page ad unit &#8211; the Parallaxer template supports both.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"834\" src=\"https:\/\/www.genecy.com\/blog\/wp-content\/uploads\/2022\/01\/adunit_website.jpg\" alt=\"\" class=\"wp-image-284\" srcset=\"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/adunit_website.jpg 1000w, https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/adunit_website-300x250.jpg 300w, https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/adunit_website-768x641.jpg 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p>Please note that newly created ad units start working after a few hours only. We can\u2019t affect this &#8211; it\u2019s due to Google caching policies.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add a line item<\/h3>\n\n\n\n<p>Add a line item as you usually do. Add targeting to the previously installed ad unit &#8211; located before all website contents.<\/p>\n\n\n\n<p>We recommend pausing a line item to ensure the result is hidden from all your website visitors. Tests can easily be made with preview links.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"607\" height=\"1024\" src=\"https:\/\/www.genecy.com\/blog\/wp-content\/uploads\/2022\/01\/line_item_settings-607x1024.jpg\" alt=\"\" class=\"wp-image-285\" srcset=\"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/line_item_settings-607x1024.jpg 607w, https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/line_item_settings-178x300.jpg 178w, https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/line_item_settings-768x1296.jpg 768w, https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/line_item_settings-910x1536.jpg 910w, https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/line_item_settings.jpg 1000w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n\n\n<p>The most important settings are marked with yellow-bordered rectangles in the image.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add a creative<\/h3>\n\n\n\n<p>Select an installed \u201cParallaxer\u201d creative template in the \u201cCustom creative template\u201d block, click the \u201cCONTINUE\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"524\" src=\"https:\/\/www.genecy.com\/blog\/wp-content\/uploads\/2022\/01\/select_creative.jpg\" alt=\"\" class=\"wp-image-286\" srcset=\"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/select_creative.jpg 800w, https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/select_creative-300x197.jpg 300w, https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/select_creative-768x503.jpg 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/figure>\n\n\n\n<p>Fill the form with the following values:<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table><tbody><tr><td>Field<\/td><td>Value<\/td><td>Description<\/td><\/tr><tr><td>Relative to viewport<\/td><td>YES<\/td><td>To fill the entire width of the internet browser viewport regardless of the size of the ad unit.<\/td><\/tr><tr><td>Width<\/td><td>100%<\/td><td>To show a creative with a full width of the internet browser viewport.<\/td><\/tr><tr><td>Height<\/td><td>auto<\/td><td>To allow the template to calculate the best height value itself.<\/td><\/tr><tr><td>File width\/File height<\/td><td><\/td><td>Mandatory fields. The size of the used asset. The template makes calculations from these values.<\/td><\/tr><tr><td>Parallax effect<\/td><td>Move<\/td><td>Another value (&#8220;Fixed&#8221;) centers an asset vertically of the viewport, which is not necessary, so set the &#8220;Move&#8221; value in this field.<\/td><\/tr><tr><td>File sizing<\/td><td>Fit<\/td><td>Give a try for other values for the best visual effect also.<\/td><\/tr><tr><td>Text above creative<\/td><td><em>Empty<\/em><\/td><td>Keep this field empty.<\/td><\/tr><tr><td>Text below creative<\/td><td><em>Empty<\/em><\/td><td>Keep this field empty.<\/td><\/tr><tr><td>JS callback<\/td><td><em>Use the code under this table.<\/em><\/td><td>This code adds a closing button and the &#8220;scroll-down&#8221; icon.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>The code for the field \u201cJS callback\u201d:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; auto-links: false; title: ; quick-code: false; notranslate\" title=\"\">\ntmpl.on(&#039;load&#039;, function() {\n\tvar eCloseBtn = document.createElement(&quot;a&quot;); \n\teCloseBtn.href = &quot;#&quot;;\n\teCloseBtn.innerHTML = &quot;X&quot;; \n\teCloseBtn.setAttribute(&quot;style&quot;, &quot;display:block;width:30px;height:30px;text-align:center;line-height:30px;font-size:16px;background-color:#fff;color:#000;position:absolute;top:0;right:0;text-decoration:none;&quot;);\n\ttmpl.eCont.appendChild(eCloseBtn);\n\teCloseBtn.addEventListener(&quot;click&quot;, function(e) {\n\t\te.preventDefault();\n\t\ttmpl.call(&#039;close&#039;);\n\t});\n\t\n\tvar style = document.createElement(&#039;style&#039;);\n\tstyle.type = &#039;text\/css&#039;;\n\tstyle.innerHTML = &#039;\\\n\t@-webkit-keyframes genecyMoveUpDownAnim {\\\n\t\t0%, 100% {bottom:10px;}\\\n\t\t50% {bottom:80px;}\\\n\t}\\\n\t@-moz-keyframes genecyMoveUpDownAnim {\\\n\t\t0%, 100% {bottom:10px;}\\\n\t\t50% {bottom:80px;}\\\n\t}&#039;;\n\ttmpl.eCont.appendChild(style);\n\t\n\tvar el = top.document.createElement(&#039;span&#039;);\n\tel.setAttribute(&#039;style&#039;, &#039;display:block;position:absolute;bottom:20px;left:calc(50% - 24px);width:48px;height:48px;z-index:10000000000000;background:#fff no-repeat 50% 50%;background-size:cover;transform:translateY(0);&#039;\n\t\t+ &#039;animation-duration:4s;animation-iteration-count:100;animation-name:genecyMoveUpDownAnim;animation-timing-function:ease-in-out;&#039;\n\t\t+ &#039;border-radius:24px;&#039;);\n\tel.style.backgroundImage = &quot;url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAgUlEQVRYw+2PQQqAMAwE51G2\/sxrf6z+oB4UpGoVaoIgO9csMwSEEEKIzxnoHjcdQ6s+kRkJt5vASCa16jOZ6SYRmLZVag\/UE7v+5Q\/Xidf6YyIWl2ihryfM9GVipgegZ7bTnxPm+mPCQV8mXPTnhLm+TLjo94Sbfk246oUQQvyVBdt\/dxNTapL+AAAAAElFTkSuQmCC)&quot;;\n\ttmpl.eCont.appendChild(el);\n});\n<\/pre><\/div>\n\n\n<p>Non-mentioned fields keep with default values, or a value depends on your situation and doesn&#8217;t affect overall banner appearance principles.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Test on your website<\/h3>\n\n\n\n<p>When a creative is added, click on the &#8220;Preview&#8221; tab on the creatives page.<\/p>\n\n\n\n<p>Now test a creative on your website by clicking on the &#8220;On site&#8221; link and entering your site URL. Here are our <a href=\"https:\/\/www.genecy.com\/kb\/dfp-custom-creative-templates\/article\/9-how-to-generate-a-creative-creative-template-preview-url\/\" target=\"_blank\" rel=\"noreferrer noopener\">instructions on how to generate a preview URL<\/a>.<\/p>\n\n\n\n<p>If you see the ad on the top of your website, then everything works. Otherwise, check the next section for the most common problems or get support.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.genecy.com\/_files\/202201\/202201_top_parallaxer_template.webm\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Most common problems<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Creative doesn\u2019t appear on a website.<\/strong><\/h4>\n\n\n\n<p>Make sure that line item settings are correct &#8211; a size used in the field \u201cExpected creatives\u201d should much one of the sizes defined of the targeted ad unit, definitions on your website, and an added Parallaxer creative targeted ad unit size.<\/p>\n\n\n\n<p>Another method to ensure that all line item settings are correct is to add standard image creative, not a creative of the creative template. If you see the standard image banner, then something is wrong with template settings.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Can\u2019t select the Parallaxer template.<\/strong><\/h4>\n\n\n\n<p>Check which version of the template you have installed in GAM &#8211; template for out-of-page ad units (installed from a file with the \u201coutofpage\u201d suffix) or another. You can\u2019t select an out-of-page template for a size-defined ad unit and vice versa.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>No \u201cJS callback\u201d field<\/strong><\/h4>\n\n\n\n<p>This field is disabled by default. To enable this field, do the following steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>open your templates downloads link;<\/li>\n\n\n\n<li>click on the \u201cCustomize\u201d button under the Parallaxer template;<\/li>\n\n\n\n<li>select the checkbox for the \u201cJS callback\u201d field and click the \u201cDownload\u201d button;<br><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"121\" class=\"wp-image-287\" style=\"width: 150px;\" src=\"https:\/\/www.genecy.com\/blog\/wp-content\/uploads\/2022\/01\/jscallback_check.jpg\" alt=\"\"><\/li>\n\n\n\n<li>install downloaded templates on the GAM.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">What are parallax ads?<\/h2>\n\n\n\n<p>Parallax is a beautiful, immersive display format designed for websites in any environment. It leverages a layered, parallax animation effect to capture attention in an interesting and non-intrusive way. The format creates a unique perception that different image layers of the ad have different depths. The ad is fully revealed as the viewer scrolls through content on their device (mobile, tablet, PC).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is the Parallaxer creative template?<\/h2>\n\n\n\n<p><a href=\"https:\/\/www.genecy.com\/gam\/templates\/parallaxer\/\">The Parallaxer creative template<\/a> is a custom creative template for Google Ad Manager. It is an import-ready file that can be easily imported into GAM. This template allows showing rich-media ads (parallax ads in this case) from your currently installed ad units (GPT tags). Many customization options allow using it on mobile, tablet, and desktop environments.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Usually, parallax ads (also known as interscroller ads) are seen between website content. These ads split content with a fixed banner in the background &#8211; a position doesn\u2019t change while a user scrolls up and down. Publishers using Google Ad Manager (GAM) can easily serve this ad format with our Parallaxer creative template. This is &hellip; <a href=\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;High-performance top scroller ads with Parallaxer template&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":288,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[140],"tags":[],"class_list":["post-275","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-template-showcase"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>High-performance top scroller ads with Parallaxer template - Google Ad Manager Tutorials &amp; Resources | Genecy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"High-performance top scroller ads with Parallaxer template - Google Ad Manager Tutorials &amp; Resources | Genecy\" \/>\n<meta property=\"og:description\" content=\"Usually, parallax ads (also known as interscroller ads) are seen between website content. These ads split content with a fixed banner in the background &#8211; a position doesn\u2019t change while a user scrolls up and down. Publishers using Google Ad Manager (GAM) can easily serve this ad format with our Parallaxer creative template. This is &hellip; Continue reading &quot;High-performance top scroller ads with Parallaxer template&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/\" \/>\n<meta property=\"og:site_name\" content=\"Google Ad Manager Tutorials &amp; Resources | Genecy\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/genecycom\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-05T17:05:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-11T07:55:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/landing_image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"1153\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Genecy Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@genecy_com\" \/>\n<meta name=\"twitter:site\" content=\"@genecy_com\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Genecy Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/\"},\"author\":{\"name\":\"Genecy Team\",\"@id\":\"https:\/\/www.genecy.com\/resources\/#\/schema\/person\/784f000634e575eac8ba17713028c687\"},\"headline\":\"High-performance top scroller ads with Parallaxer template\",\"datePublished\":\"2022-01-05T17:05:59+00:00\",\"dateModified\":\"2025-07-11T07:55:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/\"},\"wordCount\":986,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/landing_image.jpg\",\"articleSection\":[\"Template Showcase\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/\",\"url\":\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/\",\"name\":\"High-performance top scroller ads with Parallaxer template - Google Ad Manager Tutorials &amp; Resources | Genecy\",\"isPartOf\":{\"@id\":\"https:\/\/www.genecy.com\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/landing_image.jpg\",\"datePublished\":\"2022-01-05T17:05:59+00:00\",\"dateModified\":\"2025-07-11T07:55:20+00:00\",\"author\":{\"@id\":\"https:\/\/www.genecy.com\/resources\/#\/schema\/person\/784f000634e575eac8ba17713028c687\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#primaryimage\",\"url\":\"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/landing_image.jpg\",\"contentUrl\":\"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/landing_image.jpg\",\"width\":1400,\"height\":1153},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.genecy.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"High-performance top scroller ads with Parallaxer template\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.genecy.com\/resources\/#website\",\"url\":\"https:\/\/www.genecy.com\/resources\/\",\"name\":\"Google Ad Manager Tutorials &amp; Resources | Genecy\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.genecy.com\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.genecy.com\/resources\/#\/schema\/person\/784f000634e575eac8ba17713028c687\",\"name\":\"Genecy Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/c21246161fe33fc0f26a360b7c31f84abc26b853013b0eee676ca62c707efc5c?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c21246161fe33fc0f26a360b7c31f84abc26b853013b0eee676ca62c707efc5c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c21246161fe33fc0f26a360b7c31f84abc26b853013b0eee676ca62c707efc5c?s=96&d=mm&r=g\",\"caption\":\"Genecy Team\"},\"url\":\"#\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"High-performance top scroller ads with Parallaxer template - Google Ad Manager Tutorials &amp; Resources | Genecy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/","og_locale":"en_US","og_type":"article","og_title":"High-performance top scroller ads with Parallaxer template - Google Ad Manager Tutorials &amp; Resources | Genecy","og_description":"Usually, parallax ads (also known as interscroller ads) are seen between website content. These ads split content with a fixed banner in the background &#8211; a position doesn\u2019t change while a user scrolls up and down. Publishers using Google Ad Manager (GAM) can easily serve this ad format with our Parallaxer creative template. This is &hellip; Continue reading \"High-performance top scroller ads with Parallaxer template\"","og_url":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/","og_site_name":"Google Ad Manager Tutorials &amp; Resources | Genecy","article_publisher":"https:\/\/www.facebook.com\/genecycom\/","article_published_time":"2022-01-05T17:05:59+00:00","article_modified_time":"2025-07-11T07:55:20+00:00","og_image":[{"width":1400,"height":1153,"url":"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/landing_image.jpg","type":"image\/jpeg"}],"author":"Genecy Team","twitter_card":"summary_large_image","twitter_creator":"@genecy_com","twitter_site":"@genecy_com","twitter_misc":{"Written by":"Genecy Team","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#article","isPartOf":{"@id":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/"},"author":{"name":"Genecy Team","@id":"https:\/\/www.genecy.com\/resources\/#\/schema\/person\/784f000634e575eac8ba17713028c687"},"headline":"High-performance top scroller ads with Parallaxer template","datePublished":"2022-01-05T17:05:59+00:00","dateModified":"2025-07-11T07:55:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/"},"wordCount":986,"commentCount":0,"image":{"@id":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#primaryimage"},"thumbnailUrl":"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/landing_image.jpg","articleSection":["Template Showcase"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/","url":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/","name":"High-performance top scroller ads with Parallaxer template - Google Ad Manager Tutorials &amp; Resources | Genecy","isPartOf":{"@id":"https:\/\/www.genecy.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#primaryimage"},"image":{"@id":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#primaryimage"},"thumbnailUrl":"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/landing_image.jpg","datePublished":"2022-01-05T17:05:59+00:00","dateModified":"2025-07-11T07:55:20+00:00","author":{"@id":"https:\/\/www.genecy.com\/resources\/#\/schema\/person\/784f000634e575eac8ba17713028c687"},"breadcrumb":{"@id":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#primaryimage","url":"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/landing_image.jpg","contentUrl":"https:\/\/www.genecy.com\/resources\/wp-content\/uploads\/2022\/01\/landing_image.jpg","width":1400,"height":1153},{"@type":"BreadcrumbList","@id":"https:\/\/www.genecy.com\/resources\/275-high-performance-top-scroller-ads-with-parallaxer-template\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.genecy.com\/resources\/"},{"@type":"ListItem","position":2,"name":"High-performance top scroller ads with Parallaxer template"}]},{"@type":"WebSite","@id":"https:\/\/www.genecy.com\/resources\/#website","url":"https:\/\/www.genecy.com\/resources\/","name":"Google Ad Manager Tutorials &amp; Resources | Genecy","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.genecy.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.genecy.com\/resources\/#\/schema\/person\/784f000634e575eac8ba17713028c687","name":"Genecy Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c21246161fe33fc0f26a360b7c31f84abc26b853013b0eee676ca62c707efc5c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c21246161fe33fc0f26a360b7c31f84abc26b853013b0eee676ca62c707efc5c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c21246161fe33fc0f26a360b7c31f84abc26b853013b0eee676ca62c707efc5c?s=96&d=mm&r=g","caption":"Genecy Team"},"url":"#"}]}},"modified_by":"Genecy Team","_links":{"self":[{"href":"https:\/\/www.genecy.com\/resources\/wp-json\/wp\/v2\/posts\/275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.genecy.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.genecy.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.genecy.com\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.genecy.com\/resources\/wp-json\/wp\/v2\/comments?post=275"}],"version-history":[{"count":8,"href":"https:\/\/www.genecy.com\/resources\/wp-json\/wp\/v2\/posts\/275\/revisions"}],"predecessor-version":[{"id":538,"href":"https:\/\/www.genecy.com\/resources\/wp-json\/wp\/v2\/posts\/275\/revisions\/538"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.genecy.com\/resources\/wp-json\/wp\/v2\/media\/288"}],"wp:attachment":[{"href":"https:\/\/www.genecy.com\/resources\/wp-json\/wp\/v2\/media?parent=275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.genecy.com\/resources\/wp-json\/wp\/v2\/categories?post=275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.genecy.com\/resources\/wp-json\/wp\/v2\/tags?post=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}