miscellaneous

A react component for Google Adsense

Jul 01, 2020
A react component for Google Adsense

@ctrl/react-adsense

Adsense component for react.

View Demo View Github

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 '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" />

GitHub

Recommended