Nodular Pudding Multiverse

    react-adsense

    0.1.0 • Public • Published

    react-adsense

    react-adsense is a React-component for Google AdSense / Baidu advertisement.

    Build Status npm npm npm demo

    1. Install

    npm install --save react-adsense

    Before use Google AdSense, you should add the script at the end of HTML.

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

    2. Usage

    import React from 'react';
    import AdSense from 'react-adsense';
     
    // ads with no set-up
    <AdSense.Google
      client='ca-pub-7292810486004926'
      slot='7806394673'
    />
     
    // ads with custom format
    <AdSense.Google
      client='ca-pub-7292810486004926'
      slot='7806394673'
      style={{ width: 500, height: 300, float: 'left' }}
      format=''
    />
     
    // responsive and native ads
    <AdSense.Google
      client='ca-pub-7292810486004926'
      slot='7806394673'
      style={{ display: 'block' }}
      layout='in-article'
      format='fluid'
    />
     
    // auto full width responsive ads
    <AdSense.Google
      client='ca-pub-7292810486004926'
      slot='7806394673'
      style={{ display: 'block' }}
      format='auto'
      responsive='true'
      layoutKey='-gw-1+2a-9x+5c'
    />

    3. Props

    • Required props:
      • client
      • slot
    • Optional props:
      • className:
      • style:
      • layout:
      • layoutKey:
      • format:
      • responsive:

    4. TODO

    • Baidu advertisement supported.

    LICENSE

    MIT@hustcc.

    Install

    npm i react-adsense

    DownloadsWeekly Downloads

    2,092

    Version

    0.1.0

    License

    MIT

    Unpacked Size

    259 kB

    Total Files

    18

    Last publish

    Collaborators

    • atool