---
title: Understanding Ad Items in Indie Ads Manager
description: The details of an individual ad is called an ad item. Ad items have different types, each corresponding to a different medium or source.
---

[Skip to content](https://help.indiegraf.com/understanding-ad-items-in-indie-ads-manager#main-content)

- [English](https://help.indiegraf.com/understanding-ad-items-in-indie-ads-manager)
- [Español](https://help.indiegraf.com/es/understanding-ad-items-in-indie-ads-manager)

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](https://help.indiegraf.com/understanding-ad-items-in-indie-ads-manager)
    - [Español](https://help.indiegraf.com/es/understanding-ad-items-in-indie-ads-manager)

  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. [Essential Articles](https://help.indiegraf.com/indie-ads-manager-iam?hsLang=en#essential-articles)

January 15, 2026

# Understanding Ad Items in Indie Ads Manager

## The details of an individual ad is called an ad item. Ad items have different types, each corresponding to a different medium or source.

Indie Ads Manager considers an ad item a general term for a graphic, animated, set of raw HTML tags, or short collection of text. The most common ad item that you will create will be an Image ad. Fields with a (\*) next to them are required by the system.

 

#### Types of Ads

#### Image Ads

For ads made of an image, which can be a JPEG, PNG, or GIF file. Learn more about [Uploading Ad Creative](https://help.indiegraf.com/how-to-upload-ad-creative?hsLang=en).

 

#### HTML5/Rich Media Ads

For ads made of an IAB-compatible HTML5 ZIP archive. The archive includes an HTML file and any scripts or media used to display the ad.

Indie Ads Manager accepts HTML5 ZIP archives that contain 200 files or fewer.

 

#### Custom HTML/Third Party Tag Ads

For custom ads or scripts. This is also the ad item type that you should select if you want to serve ads from an ad exchange or other external source.

 

#### VAST Ads

For video ads that support the VAST format. Indie Ads Manager currently supports the VAST 2.0 and VAST 4.2 specifications.

 

#### Native Ads

A native ad is one that often looks like editorial content, and are often called sponsored content or promoted posts. You can use Indie Ads Manager to create native ads using templates.

A native ad template is a reusable piece of code that defines the appearance and behavior of a native ad. There are two types of native ad templates.

- ***Custom rendering/API:***these templates can contain HTML, JavaScript and CSS code. These templates can only be used to create custom rendering/API native ad items. When assigned to a native zone, custom native ad items are wrapped in an iframe. When assigned to a standard zone, custom native ad items are not wrapped in an iframe to allow for more dynamic forms and behavior. However, allowing JavaScript and CSS to affect the rest of the page poses a security risk.
- ***Styled:*** these templates cannot contain JavaScript and CSS, only HTML. In turn, they can only be used to create styled native ad items. These ad items can only be assigned to native zones. They do not pose a security hazard, but you must add the necessary JavaScript and CSS directly on the website to properly display a native ad item.

#### Best Practices

Here are some tips on creating ad items.

 

#### Ad Size Matters

If your ad has an image, the dimensions of both the ad item and the zone to which you will assign the ad item must be the same as the dimensions of that image.

Resizing an image to the desired dimensions ensures that the image will display at its intended size on various devices and screen resolutions. This is particularly important for responsive web design, where the image needs to adapt to different screen sizes while maintaining its aspect ratio.

Larger images can significantly slow down the loading speed of a web page. By resizing the image to the appropriate dimensions, you can reduce its file size which helps to optimize loading times and will improve your websites overall performance.

You can define the dimensions of both ad items and zones when you are creating them, but you can no longer change them after that.

You can use an [online resolution scale calculator](http://%3C!doctype%20html%3E%20%3Chtml%3E%20%3Chead%3E%20%20%20%3Ctitle%3Etable%20example%3C/title%3E%20%3C/head%3E%20%3Cbody%3E%20%20%20%3Ctable%20border=%221%22%3E%20%20%20%20%20%3Ctr%3E%20%20%20%20%20%20%20%3Cth%3EColumn%201%3C/th%3E%20%20%20%20%20%20%20%3Cth%3EColumn%202%3C/th%3E%20%20%20%20%20%20%20%3Cth%3EColumn%203%3C/th%3E%20%20%20%20%20%3C/tr%3E%20%20%20%20%20%3Ctr%3E%20%20%20%20%20%20%20%3Ctd%3ERow%201,%20Cell%201%3C/td%3E%20%20%20%20%20%20%20%3Ctd%3ERow%201,%20Cell%202%3C/td%3E%20%20%20%20%20%20%20%3Ctd%3ERow%201,%20Cell%203%3C/td%3E%20%20%20%20%20%3C/tr%3E%20%20%20%20%20%3Ctr%3E%20%20%20%20%20%20%20%3Ctd%3ERow%202,%20Cell%201%3C/td%3E%20%20%20%20%20%20%20%3Ctd%3ERow%202,%20Cell%202%3C/td%3E%20%20%20%20%20%20%20%3Ctd%3ERow%202,%20Cell%203%3C/td%3E%20%20%20%20%20%3C/tr%3E%20%20%20%20%20%3Ctr%3E%20%20%20%20%20%20%20%3Ctd%3ERow%203,%20Cell%201%3C/td%3E%20%20%20%20%20%20%20%3Ctd%3ERow%203,%20Cell%202%3C/td%3E%20%20%20%20%20%20%20%3Ctd%3ERow%203,%20Cell%203%3C/td%3E%20%20%20%20%20%3C/tr%3E%20%20%20%20%20%3Ctr%3E%20%20%20%20%20%20%20%3Ctd%3ERow%204,%20Cell%201%3C/td%3E%20%20%20%20%20%20%20%3Ctd%3ERow%204,%20Cell%202%3C/td%3E%20%20%20%20%20%20%20%3Ctd%3ERow%204,%20Cell%203%3C/td%3E%20%20%20%20%20%3C/tr%3E%20%20%20%20%20%3Ctr%3E%20%20%20%20%20%20%20%3Ctd%3ERow%205,%20Cell%201%3C/td%3E%20%20%20%20%20%20%20%3Ctd%3ERow%205,%20Cell%202%3C/td%3E%20%20%20%20%20%20%20%3Ctd%3ERow%205,%20Cell%203%3C/td%3E%20%20%20%20%20%3C/tr%3E%20%20%20%3C/table%3E%20%3C/body%3E%20%3C/html%3E?hsLang=en) when resizing ads to ensure you are not changing the aspect ratio.

You have the option to set a zone's size to be dynamic, which allows it to resize to accommodate the dimensions of the ad items that will be assigned to it.

 

#### Ad Type Matters

Similar to ad items, zones and campaigns also have types. The table below shows their compatibility. When you're assigning a campaign, Indie Ads Manager will let you choose only from zones that are compatible with the campaign. Similarly, you will not see the option to create a VAST ad item inside a non-VAST zone.

| **Zone** | **Campaign** | **Ad Item** |
| --- | --- | --- |
| Standard | Standard | Image, HTML5/Rich Media, Custom HTML/Third Party Tag, Native (Custom) |
| Email | Standard | Image |
| Native | Standard | Native (Custom), Native (Styled) |
| VAST | VAST | VAST |

#### Preview Your Ad

After creating an ad item, you can check what the ad looks like by clicking on its name in the Ad Items table and then clicking Preview

- [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.

<https://www.instagram.com/indiegrafmedia> <https://www.twitter.com/indiegrafmedia> <https://www.facebook.com/indiegrafmedia> <https://www.linkedin.com/indiegraf-media> [mailto:support@indiegraf.com](mailto:support@indiegraf.com)

Copyright © 2025, Indiegraf Media