@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-urlReactAdsense is a component which allows you to use Google Adsense in React
Install
npm install @pkasila/react-adsense
Ads by Google script
Remember to includeadsbygoogle.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'} />;
}