scttcper / react-adsense

Adsense component for react

Home Page:https://react-adsense.xmplaylist.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

@ctrl/react-adsense npm coverage status

DEMO: https://react-adsense.xmplaylist.com

Install

npm install @ctrl/react-adsense

Use

Use the standard AdSense code somewhere in your <head></head> as you normally would

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
import React from 'react';
import {Adsense} from '@ctrl/react-adsense';

// ads with no set-up
<Adsense
  client="ca-pub-7640562161899788"
  slot="7259870550"
/>

// ads with custom format
<Adsense
  client="ca-pub-7640562161899788"
  slot="7259870550"
  style={{ width: 500, height: 300 }}
  format=""
/>

// responsive and native ads
<Adsense
  client="ca-pub-7640562161899788"
  slot="7259870550"
  style={{ display: 'block' }}
  layout="in-article"
  format="fluid"
/>

About

Adsense component for react

https://react-adsense.xmplaylist.com

License:MIT License


Languages

Language:TypeScript 96.7%Language:JavaScript 3.3%