Morioh
Login
Avav Smith

Avav Smith

4 years ago

A react component for Google Adsense

@ctrl/react-adsense

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

Download Details:

Author: TypeCtrl

Live Demo: https://react-adsense.xmplaylist.com/

GitHub: https://github.com/TypeCtrl/react-adsense

#reactjs #javascript #react

A react component for Google Adsense
18.15 GEEK