Neovictorian Paisley Menswear

    react-ssr-adsense

    1.0.1 • Public • Published

    @hustcc react-adsense 不支持服务端渲染框架,受 react-adsense 启发写了 react-ssr-adsense

    react-ssr-adsense

    react-ssr-adsense is a React-ssr-component for Google AdSense。support #nextjs

    npm npm npm

    demo: https://www.douyacun.com

    1. Install

    npm install --save react-ssr-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-ssr-adsense';
    
    // ads with no set-up
    <AdSense
      client='ca-pub-7292810486004926'
      slot='7806394673'
    />
    
    // ads with custom format
    <AdSense
      client='ca-pub-7292810486004926'
      slot='7806394673'
      style={{ width: 500, height: 300, float: 'left' }}
      format=''
    />
    
    // responsive and native ads
    <AdSense
      client='ca-pub-7292810486004926'
      slot='7806394673'
      style={{ display: 'block' }}
      layout='in-article'
      format='fluid'
    />
    
    // auto full width responsive ads
    <AdSense
      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:

    LICENSE

    MIT@douyacun.

    Install

    npm i react-ssr-adsense

    DownloadsWeekly Downloads

    113

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    8.1 kB

    Total Files

    6

    Last publish

    Collaborators

    • douyacun