ad:personam GmbH logo

How to Upload HTML5 Creatives

Published on

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, follow this step-by-step guide to get started.

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 essential to follow these guidelines to ensure optimal performance:

  • Single Zip File Upload: Consolidate all components of your HTML5 creative into a single zip file. This ensures that all assets are properly bundled for the ad serving system.

  • Index.html File Placement: Ensure the index.html file is located at the root level of your zip file. Avoid placing it in a subfolder, as it must be directly accessible when the zip file is opened.

  • Structure of Index.html: Your index.html must include the full structure with <html>, <head>, and <body> tags. A valid HTML structure is critical for proper display across different environments.

  • Incorporating the clickTag Parameter: Properly reference the clickTag parameter in the URL of your HTML5 creative. This is crucial for:

    • Click Tracking: Accurately tracking clicks for performance analytics.
    • Landing Page Redirection: Seamlessly redirecting users to your landing page upon clicking the ad.

For more information on implementing the clickTag parameter, check out our detailed ClickTag Parameter Guide.

Step 3: Select Creative Size

After the upload, choose the correct creative pixel size for your HTML5 banner to ensure it fits your designated ad space.

Step 4: Landing Page URL

Input the URL of the landing page where users will be directed after clicking the ad. Make sure the URL starts with “https://” to guarantee a secure browsing experience.

Step 5: Tracking Pixel (Optional)

You have the option to add a third-party tracking pixel to monitor the performance of your HTML5 creative, providing insights into user engagement and ad reach.

Step 6: Complete the Upload

Once all details are verified, click “Upload” to finalize the process and submit your creative.

Uploading HTML5 creatives to ad:personam is a streamlined process designed to maximize your ad's impact. By following these steps, your ads will not only grab attention but also provide an engaging and interactive user experience. For further guidance on using the clickTag parameter, visit our ClickTag Parameter Guide. This resource offers comprehensive instructions to ensure your HTML5 creatives are properly configured for success.