--- title: How to build a native sticky footer or banderole ad description: Learn how to serve sticky footer and banderole ads to your website. --- [Skip to content](https://help.indiegraf.com/how-to-build-a-native-sticky-footer-or-banderole-ad#main-content) English Show submenu for translations [Publisher Portal](https://portal.indiegraf.com/tickets?hsLang=en) [![Indiegraf-PrimaryLogo-FullColor-1](https://help.indiegraf.com/hs-fs/hubfs/Indiegraf-PrimaryLogo-FullColor-1.png?width=262&height=60&name=Indiegraf-PrimaryLogo-FullColor-1.png)](https://help.indiegraf.com/?hsLang=en) Open main navigation Close main navigation - English Show submenu for translations - [Publisher Portal](https://portal.indiegraf.com/tickets) How can we help you? - There are no suggestions because the search field is empty. 1. [Indiegraf](https://help.indiegraf.com/?hsLang=en) 2. [Indie Ads Manager (IAM)](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en) 3. [Native Ad Templates](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#native-ad-templates) December 18, 2025 # How to build a native sticky footer or banderole ad ## Learn how to serve sticky footer and banderole ads to your website. ### **Introduction** In this article, you'll learn how to use a native ad template to build a sticky footer ad or banderole ad using a custom rendering/API ad template. This type of native ad template includes HTML, JavaScript, and styling - everything needed to display the ad properly. ![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1481731799/f0f218cba532205d0aa210beae5b/Sticky+Footer+Ad+-+1.png?expires=1766188800&signature=328566c0b6035bb29576505c10b331c20cd8b7fd10fd36a1581ad240e686b00c&req=dSQvF859nIZWUPMW3nq%2BgXSjU9M8ooMgHlER2HqebdwqhueJIqZHFQgAi2VG%0AH%2FWAIjDCDWRcGhE8PocxSEd2Bi8%3D%0A)   ### **What are sticky footer ads?** Also known as a floor ad or adhesion ad, a sticky footer is a horizontal banner ad that appears and sticks to the bottom of the user's window.   ### **What are banderole ads?** Banderole ads are large, fixed-position banner ads that remain visible as users scroll. Typically placed at the bottom of the page, these ads can span the full width (up to 970px) and when they are closed, they slide across the screen.   #### **Requirements** To get started, ensure you have the following: - ***Access to the Indie Ads Manager platform*** - ***A standard ad zone*** with the size set to Dynamic - Homepage Only (recommended) - Can be inserted sitewide - ***Ad creative:*** 970x90 (super leaderboard), 728x90 (leaderboard) or 320x50 (mobile banner)   #### **Step-by-Step Guide** - Log into ***Indie Ads Manager*** and navigate to the relevant ***Advertiser*** record (or create a new Advertiser) - Click ***Add Campaign*** and select ***Standard Campaign*** - ***Enter a name*** for your Campaign and adjust the ***Targeting*** & ***Scheduling*** - Click ***Create Campaign*** - In your newly created campaign, click ***Add Ad Item*** - From the Add Ad Item window, select ***Native (Custom Rendering/API)*** ![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1481712639/0a7b2802e52c18fed457ad49d01e/Sticky+Footer+Ad+-+2.png?expires=1766188800&signature=f90eefe711111bfc21d3186f93b8ea3f9d566f1f8cd83b1c79bc010e711b948d&req=dSQvF85%2Fn4dcUPMW3nq%2BgdahUCgXSMmjpwR50j7eJSEK%2B3icsRI211wD%2FxqF%0AxNucwVkSqnjgXVQtXUYM8CwBEFc%3D%0A)   - ***Give the ad a name*** (required) and insert a ***Destination URL*** (optional) - Set the ad item's side to ***Dynamic*** then complete the remaining fields as needed - From the ***Template*** dropdown, select one of the following: - Display: Native Sticky Footer Ad - Display: Native Banderole Ad - Both of these templates only require you to upload your image creative #### **Targeting** [![](https://downloads.intercomcdn.com/i/o/h3ow1mww/1481739458/8898fad5916a84ac42d5608c5161/Targeting+Options+Display.png?expires=1766188800&signature=7d0a9b476ba491338a56f27d95a1b389b4077d4f6db663e65f0fa32855b5a2a7&req=dSQvF859lIVaUfMW3nq%2BgRexLM9O4Hx5cIkCPo5g%2FiPrVaXs2vWj4hlk3edH%0AKpKVGtrUv0BgsHTr%2FuHIa6ZvVrU%3D%0A)](https://downloads.intercomcdn.com/i/o/h3ow1mww/1481739458/8898fad5916a84ac42d5608c5161/Targeting+Options+Display.png?expires=1766188800&signature=7d0a9b476ba491338a56f27d95a1b389b4077d4f6db663e65f0fa32855b5a2a7&req=dSQvF859lIVaUfMW3nq%2BgRexLM9O4Hx5cIkCPo5g%2FiPrVaXs2vWj4hlk3edH%0AKpKVGtrUv0BgsHTr%2FuHIa6ZvVrU%3D%0A)   The sticky footer and banderole ad templates can accommodate ads for desktop or mobile. Because of this, you may want to add some targeting parameters. - For mobile banners (320x50), set the targeting to ***Mobile & Tablet*** - For leaderboard (728x90) and super leaderboard (970x90) banners, set the targeting to ***Desktop Only*** Depending on how you set up your campaign, you'll find the targeting in different areas. - For ***Ad Level*** targeting, the Targeting options are within the ad item build window - For ***Campaign Level*** targeting, the Targeting options will be located within the assignment details window   #### **Read-Only Code** When building your ad using a native ad template, you will see a window with the template code. This code is read-only; you cannot edit (or break) the template from the Ad Item build window. #### **Basic Troubleshooting** - **Ad Not Displaying:** ensure your ad is assigned to the correct zone and that the zone has been inserted into your website correctly. - **Image Not Displaying Correctly:** check that your image meets the required dimensions and is in an acceptable format (JPEG, PNG, GIF) **Still Not Working?** Connect with our support team for additional help. - [Welcome to Indiegraf](https://help.indiegraf.com/welcome-to-indiegraf?hsLang=en) - [Onboarding](https://help.indiegraf.com/onboarding?hsLang=en#main-content) - [Quick Start Guide](https://help.indiegraf.com/onboarding?hsLang=en#quick-start-guide) - [Indie Website](https://help.indiegraf.com/indie-website?hsLang=en#main-content) - [Analytics & Growth](https://help.indiegraf.com/indie-website?hsLang=en#analytics-growth) - [Audience Engagement & Forms](https://help.indiegraf.com/indie-website?hsLang=en#audience-engagement-forms) - [Configuring your Homepage](https://help.indiegraf.com/indie-website?hsLang=en#configuring-your-homepage) - [Content Creation & Management](https://help.indiegraf.com/indie-website?hsLang=en#content-creation-management) - [Design & Page Layout](https://help.indiegraf.com/indie-website?hsLang=en#design-page-layout) - [Indiegraf Pay](https://help.indiegraf.com/indie-website?hsLang=en#indiegraf-pay) - [Media & Visual Assets](https://help.indiegraf.com/indie-website?hsLang=en#media-visual-assets) - [Paywall Solution: Pelcro](https://help.indiegraf.com/indie-website?hsLang=en#paywall-solution-pelcro) - [SEO and Google Tools](https://help.indiegraf.com/indie-website?hsLang=en#seo-and-google-tools) - [Site Administration](https://help.indiegraf.com/indie-website?hsLang=en#site-administration) - [Technical Questions](https://help.indiegraf.com/indie-website?hsLang=en#technical-questions) - [Indie Email](https://help.indiegraf.com/indie-email?hsLang=en#main-content) - [Quickstart Video Guide: Indie Email](https://help.indiegraf.com/indie-email?hsLang=en#quickstart-video-guide-indie-email) - [Account Setup & Foundations](https://help.indiegraf.com/indie-email?hsLang=en#account-setup-foundations) - [Contact Management](https://help.indiegraf.com/indie-email?hsLang=en#contact-management) - [Creating Campaigns](https://help.indiegraf.com/indie-email?hsLang=en#creating-campaigns) - [Sending Campaigns & Automation](https://help.indiegraf.com/indie-email?hsLang=en#sending-campaigns-automation) - [Troubleshooting & Deliverability](https://help.indiegraf.com/indie-email?hsLang=en#troubleshooting-deliverability) - [Analytics](https://help.indiegraf.com/indie-email?hsLang=en#analytics) - [Indie Ads Manager (IAM)](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#main-content) - [Reporting & Statistics](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#reporting-statistics) - [Essential Articles](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#essential-articles) - [Native Ad Templates](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#native-ad-templates) - [Quick Start Guide](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#quick-start-guide) - [Payment Solutions](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#payment-solutions) - [Hearken](https://help.indiegraf.com/hearken?hsLang=en#main-content) - [Planning and Preparing to Launch with Hearken](https://help.indiegraf.com/hearken?hsLang=en#planning-and-preparing-to-launch-with-hearken) - [Collecting Questions](https://help.indiegraf.com/hearken?hsLang=en#collecting-questions) - [Collecting Votes](https://help.indiegraf.com/hearken?hsLang=en#collecting-votes) - [Reporting an Answer](https://help.indiegraf.com/hearken?hsLang=en#reporting-an-answer) - [Spreading Hearken Across Your Organization](https://help.indiegraf.com/hearken?hsLang=en#spreading-hearken-across-your-organization) - [Creating and Customizing an Embed](https://help.indiegraf.com/hearken?hsLang=en#creating-and-customizing-an-embed) - [Workflow Features](https://help.indiegraf.com/hearken?hsLang=en#workflow-features) - [Platform Features](https://help.indiegraf.com/hearken?hsLang=en#platform-features) - [Setting Up Notifications and Alerts](https://help.indiegraf.com/hearken?hsLang=en#setting-up-notifications-and-alerts) - [Setting up APIs and webhooks](https://help.indiegraf.com/hearken?hsLang=en#setting-up-apis-and-webhooks) - [Data collection and exporting](https://help.indiegraf.com/hearken?hsLang=en#data-collection-and-exporting) - [Automatic categorization](https://help.indiegraf.com/hearken?hsLang=en#automatic-categorization) - [Social, outreach, and marketing](https://help.indiegraf.com/hearken?hsLang=en#social-outreach-and-marketing) - [Events and In-Person Engagement](https://help.indiegraf.com/hearken?hsLang=en#events-and-in-person-engagement) - [Monetizing your Hearken work](https://help.indiegraf.com/hearken?hsLang=en#monetizing-your-hearken-work) - [Indiegraf Experts](https://help.indiegraf.com/indiegraf-experts?hsLang=en) - [Indiegraf Product Release Notes](https://help.indiegraf.com/indiegraf-product-release-notes?hsLang=en#main-content) - [Product Demo Videos](https://help.indiegraf.com/indiegraf-product-release-notes?hsLang=en#product-demo-videos) - [General](https://help.indiegraf.com/general?hsLang=en) - [RevEngine](https://help.indiegraf.com/revengine?hsLang=en#main-content) - [Getting Started with RevEngine](https://help.indiegraf.com/revengine?hsLang=en#getting-started-with-revengine) - [International giving](https://help.indiegraf.com/revengine?hsLang=en#international-giving) - [RevEngine Core](https://help.indiegraf.com/revengine?hsLang=en#revengine-core) - [Organization management](https://help.indiegraf.com/revengine?hsLang=en#organization-management) - [Working with Stripe](https://help.indiegraf.com/revengine?hsLang=en#working-with-stripe) - [Contribution page basics](https://help.indiegraf.com/revengine?hsLang=en#contribution-page-basics) - [Customizing your page](https://help.indiegraf.com/revengine?hsLang=en#customizing-your-page) - [Branding and images](https://help.indiegraf.com/revengine?hsLang=en#branding-and-images) - [Advanced page settings & features](https://help.indiegraf.com/revengine?hsLang=en#advanced-page-settings-features) - [Portal & contribution management](https://help.indiegraf.com/revengine?hsLang=en#portal-contribution-management) - [Contribution data](https://help.indiegraf.com/revengine?hsLang=en#contribution-data) - [Analytics and Reporting](https://help.indiegraf.com/revengine?hsLang=en#analytics-and-reporting) - [Best Practices and Recommendations](https://help.indiegraf.com/revengine?hsLang=en#best-practices-and-recommendations) - [Receipts, reminders and transactional communications](https://help.indiegraf.com/revengine?hsLang=en#receipts-reminders-and-transactional-communications) - [Security & Legal](https://help.indiegraf.com/revengine?hsLang=en#security-legal) - [Common issues](https://help.indiegraf.com/revengine?hsLang=en#common-issues) [![Indiegrf](https://help.indiegraf.com/hs-fs/hubfs/Indiegraf-SecondaryLogo-DarkNavy-2.png?width=260&height=130&name=Indiegraf-SecondaryLogo-DarkNavy-2.png "Indiegrf")](https://help.indiegraf.com/?hsLang=en) Indiegraf is on a mission to make local news entrepreneurship a great career and life choice for journalists everywhere. [mailto:support@indiegraf.com](mailto:support@indiegraf.com) Copyright © 2025, Indiegraf Media