react-adsense
react-adsense copied to clipboard
Published
20 hours ago •
scttcper
scttcper
Adsense component for react
@ctrl/react-adsense 
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"
/>
scttcper