@pkasila/react-adsense

ReactAdsense is a component which allows you to use Google Adsense in React

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@pkasila/react-adsense
201.0.22 years ago2 years agoMinified + gzip package size for @pkasila/react-adsense in KB

Readme

@pkasila/react-adsense
!npm packagenpm-imgnpm-url !Build Statusbuild-imgbuild-url !Downloadsdownloads-imgdownloads-url !Issuesissues-imgissues-url !Code Coveragecodecov-imgcodecov-url !Commitizen Friendlycommitizen-imgcommitizen-url !Semantic Releasesemantic-release-imgsemantic-release-url
ReactAdsense is a component which allows you to use Google Adsense in React

Install

npm install @pkasila/react-adsense

Ads by Google script

Remember to include adsbygoogle.js:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Usage

import React from 'react';
import ReactAdsense from '@pkasila/react-katex';

function SimpleAd() {
  return <ReactAdsense client={'ca-pub-XXXXXXXXXXXXXXX'}
                       slot={'YYYYYYYYY'} />;
}

function CustomStyles() {
  return <ReactAdsense client={'ca-pub-XXXXXXXXXXXXXXX'}
                       slot={'YYYYYYYYY'}
                       format={''}
                       style={{width: 960, height: 64}} />;
}

function ResponsiveNativeAds() {
  return <ReactAdsense client={'ca-pub-XXXXXXXXXXXXXXX'}
                       slot={'YYYYYYYYY'}
                       layout={'in-article'}
                       format={'fluid'} />;
}