@taboola/taboola-react-web

taboola-react-web

Taboola React Plugin for the Open Web - BETA. Using this plugin is subject to Taboola's terms of use and privacy policy. Embed Taboola in React projects.

Install

npm install --save @taboola/taboola-react-web

Usage

If you have access to HTML/SSR, please include this as this will help speed up.

<script async src="https://cdn.taboola.com/libtrc/{YOUR_PUBLISHER_ID}/loader.js" id="tb_loader_script"></script>

Main Workflow

import TaboolaComponent from '@taboola/taboola-react-web'

function Article() {
  return (
    <TaboolaComponent
      canonicalUrl={yourPageCanonicalUrl}
      publisherId="your-id-as-a-publisher"
      pageType="article"
      mode="taboola-mode-name"
      containerId="id-for-container"
      placement="Taboola Placement Name"
      targetType="mix"
      custSeg="subscriber"
    >
  );
}

Props

Props	Type	Default	Required
canonicalUrl	string	${yourCurrentUrl}	no
publisherId	string	undefined	yes
pageType	string	undefined	yes
mode	string	undefined	yes
containerId	string	${mode}-${placement}	no
placement	string	undefined	yes
targetType	string	mix	no
custSeg	string	none	no

License

MIT © Taboola