React DFP Documentation

  ·  Build Status Npm Downloads Minizipped size GitHub license Dependencies
Minizipped size

Welcome to the react-dfp documentation site!

React-dfp is a React implementation of the google DFP api. This package is inspired in the awesome library jquery.dfp, and aims to provide its same ease of usage but, of course, taking into consideration the react concepts & lifecycle features.


$ npm install --save react-dfp

 Documentation and Usage:

The sidebar contains lot of links that the describe how to use react-dfp. The documentation is divided in the following sections:

  1. Examples showing common scenarios.
  2. <AdSlot /> documentation
  3. <DFPSlotsProvider /> documentation
  4. DFPManager api docs.

We recommend you to start reading the examples so you can have an idea of how the API works.

Additionally, each section provides their own live examples that you can review and debug.


You can use the following tools to debug your pages:

  1. Google dfp console: to use it, just append the query string argument ?googfc to the url and refresh the page. After your page reloads you will be able to toggle the dfp console, which allows you to inspect and debug your ads. You can find more information here.
  2. React developer tools: link.