docusaurus-plugin-google-adsense

Installation

yarn add docusaurus-plugin-google-adsense

Usage

importtype{Config}from"@docusaurus/types";constconfig:Config={plugins:['docusaurus-plugin-google-adsense'],themeConfig:{googleAdsense:{dataAdClient:'ca-pub-xxxxxxxxxx',},},};exportdefaultconfig;

yarn swizzle @docusaurus/theme-classic DocItem/Content --wrap

importReactfrom"react";importContentfrom"@theme-original/DocItem/Content";importtypeContentTypefrom"@theme/DocItem/Content";importtype{WrapperProps}from"@docusaurus/types";importAdSensefrom"react-adsense";typeProps=WrapperProps<typeofContentType>;exportdefaultfunctionContentWrapper(props:Props):JSX.Element{return(<><div><AdSense.Googleclient="ca-pub-xxxxxxxxxx"slot="yyyyyyyyyy"style={{display:"block"}}format="auto"responsive="true"/></div><br/><Content{...props}/><br/><div><AdSense.Googleclient="ca-pub-xxxxxxxxxx"slot="yyyyyyyyyy"style={{display:"block"}}format="auto"responsive="true"/></div></>);}

Publish

npm login

npm publish