> For the complete documentation index, see [llms.txt](https://aotter.gitbook.io/aottertrek-web/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aotter.gitbook.io/aottertrek-web/web/guides.md).

# Guides

Integrating SuprAd, our rich media and video ad solution, into your webpages is easy. By integrating it as a normal banner ad, you can benefit from higher revenue and better user experience due to HTML5 rich media creatives. Here are the steps required to get started with SuprAd implementation.

<table><thead><tr><th width="90">Step</th><th width="177">Description</th><th width="180">Reference</th><th>Comments</th></tr></thead><tbody><tr><td>1</td><td><a href="/aottertrek-web/web/ad-formats/banner.ad.md">Implement Banner Ad</a></td><td><p></p><ul><li><a href="/aottertrek-web/web/get-started/installation.md">Direct Installation</a></li><li><a href="/aottertrek-web/integration-of-third-party-ad-network/google-tag-manager.md">Integrate via GAM</a></li><li><a href="/aottertrek-web/prebid/guides.md">Integrate via Prebid</a></li></ul></td><td>Leveraging the provided test keys and sample code, this guide will swiftly assist you in implementing the Trek BannerAd. As the most user-friendly ad format, BannerAd, backed by SuprAd technology, is an easy first step in your ad integration journey.</td></tr><tr><td>2</td><td><a href="/pages/uIB6avM3SWb27OdSoa5p#step-2.send-user-profiling">(Highly Recommended) First Party Data Collecting</a></td><td><p></p><ul><li><a href="/aottertrek-web/web/get-started/tracker.md">Trek Tracker Implementation Guide For Web</a></li></ul></td><td>Trek web sdk has already integrated with next generation id solution and is ready for the upcoming Cookieless Era.</td></tr><tr><td>3</td><td><a href="/pages/kqoMlQ8duZAh0OYsTgJZ#step-3.create-an-a-d-place">Create Ad Placements for Production</a></td><td><p></p><ul><li><a href="/pages/kqoMlQ8duZAh0OYsTgJZ#step-1.sign-in-to-or-sign-up-for-an-trek-account.">Register Trek as a Publisher</a></li><li><a href="/pages/kqoMlQ8duZAh0OYsTgJZ#step-2.set-up-new-application">Create Apps and ClientPlaces</a></li></ul></td><td>It’s time to go live! Please create ad placements for your app in our web UI and replace your test keys with the real ones.</td></tr><tr><td>4</td><td>Go Live!</td><td><p></p><ul><li>Publisher Revenue Dashboard User Guide</li><li>Publisher Revenue API Documentation</li></ul></td><td>Contact us once you’ve finished the above procedures, and we’re ready to serve real ads to your apps!</td></tr></tbody></table>

{% content-ref url="/spaces/azCmOq3aOdl8VdIWheam" %}
[AotterTrek SDK](https://aotter.gitbook.io/aotter-trek/)
{% endcontent-ref %}