Goopubtag

Goopubtag is a modern solution for Google Publisher tag in React applications. It was heavily inspired by the widely used react-dfp package, and aims to provide a similar DX but with some improvements:

• Functional approach (with hooks) 🪝
• Type safety with typescript 🎉
• Ease of use with debug mode 🛠️
• Support for most recent GPT implementations 🚀

To get started, head over to the documentation site.

Installation

At the route of your application, in your terminal run:

npm install goopubtag # or yarn, pnpm

Usage

After installation is complete, you can start using goopubtag in your application:

import { GPTProvider, GPTSlot } from 'goopubtag';
 
const Component = () => {
  return (
    <div>
      <GPTProvider networkId={123456}>
        {/** .. */}
        <GPTSlot slotId="your-slot-id">
      </GPTProvider>
    </div>
  );
}