hand-waveWelcome to Adster Web SDK

This guide will walk you through everything you need to integrate the Adster Web SDK into your website or web application. Whether you're working with plain HTML, React, or Next.js, you'll find straightforward steps tailored to your stack.


What is the Adster Web SDK?

The Adster Web SDK is a lightweight JavaScript library that enables you to monetize your web app with high-performance, configurable ad units.

It allows you to:

  • Load ads dynamically based on your configuration

  • Place ads using flexible container tags

  • Track performance and optimize delivery

  • Stay in control of where and how ads appear


Before You Start

To begin using the SDK, you’ll need:

  • An active account on the Adster platform

  • At least one domain registered with us

  • Your Placement IDs configured

  • A custom SDK URL provided by the Adster team

Once you’ve received your SDK URL, you’re ready to begin integration.

Tip: If you haven’t set up your account yet, head to Getting Started with Adster → Creating Your Adster Account to begin.


What This Guide Covers

  • Getting Started with Adster

    • Creating Your Adster Account

  • Integrating the Web SDK

    • Loading & Initializing the SDK

    • Loading Ads

  • Troubleshooting & FAQs

Each section includes detailed code examples, best practices, and framework-specific instructions to help you integrate efficiently and effectively.


Supported Frameworks

This SDK works with:

  • Plain HTML (Vanilla JavaScript)

  • React.js (CRA or Vite)

  • Next.js (Pages Router or App Router)

Each integration is explained with step-by-step examples tailored to your stack.


circle-info

Need Help? If you have questions or run into issues, reach out to your Adster integration manager or email us at support@adster.techenvelope.


Ready to integrate? Jump to Getting Started →

Last updated