How to Upload HTML5 Creatives

In the digital advertising world, HTML5 creatives offer dynamic and interactive ad experiences. If you're looking to upload HTML5 banners to your ad:personam Self Serve DSP, here's a step-by-step guide to get you started.

Ciro Scognamiglio

Last Update a year ago

  • Step 1: Choose Your Creative Asset
    Initiate the process by selecting “HTML5” as your creative asset. Then, click “Next” to proceed.
  • Step 2: Upload Your HTML5 Creative
    When preparing your HTML5 creative for upload to ad:personam, it's crucial to follow these guidelines to ensure your ad performs as intended across our platform:
    • Single Zip File Upload: All components of your HTML5 creative must be consolidated into a single zip file. This organization ensures that your ad's assets are properly bundled and can be accessed by the ad serving system.
    • Index.html File Placement: Within your zip file, the index.html file must be positioned at the root level. Avoid placing this crucial file in a subfolder, as it needs to be directly accessible when the zip file is opened.
    • Structure of Index.html: Your index.html must be a fully structured HTML document. This means it should include the foundational <html>, <head>, and <body> tags. A complete and valid HTML structure is essential for the ad to display correctly in various environments.
    • Incorporating the clickTag Parameter: It's imperative that the clickTag parameter is correctly referenced within the URL of your HTML5 creative. This inclusion is critical for two main reasons:
      • Click Tracking: The clickTag ensures that any clicks on your ad are accurately tracked, allowing for detailed performance analytics.
      • Landing Page Redirection: Upon clicking the ad, the clickTag facilitates the opening of the corresponding landing page. This seamless transition is crucial for maintaining user engagement and driving campaign conversions.
  • Step 3: Select Creative Size
    After the upload, select the appropriate creative pixel size for your HTML5 banner. 
  • Step 4: Landing Page URL
    Enter the URL of the landing page where users will be redirected after clicking your ad. It's crucial for the URL to start with “https://” to ensure a secure browsing experience.
  • Step 5: Tracking Pixel (Optional)
    If necessary, you can add a tracking pixel to your HTML5 creative to monitor its performance and gather valuable insights.
  • Step 6: Complete the Upload
    Once all information has been entered and verified, click “Upload” to finalize the process.

Uploading HTML5 creatives to ad:personam is a seamless process designed to enhance your advertising capabilities. By following these steps, you ensure your ads not only capture attention but also provide engaging content that drives user interaction and engagement. For detailed instructions on how to correctly implement the clickTag parameter, please refer to our clickTag Parameter Guide. This resource provides comprehensive steps and best practices to ensure your HTML5 creatives are set up for success.

Was this article helpful?

0 out of 0 liked this article

Still need help? Message Us