React Tracking

React component that grabs the current tracking data from the Newsnet API and sets up the appropriate trackers (WEMF, Google Tag Manager).

Installation

1yarn add @ta-interaktiv/react-tracking

Usage

Use the Newsnet API to download the necessary data, using the article ID:

1import Tracking from '@ta-interaktiv/react-tracking'
2function YourComponent(props) {
3  return (
4    <div>
5      <Tracking articleId='3352335' />
6    </div>
7  )
8}

Add in data directly, circumventing network requests:

1// Access Newsnet API somewhere and get data
2let newsnetData = fetch('m.tenant.ch/api/articles/111111/external_services')
3
4render () {
5  return (
6    <Tracking articleId={111111}
7              gtmId={newsnetData.configs.gtm_id}
8              statisticsConfig={newsnetData.statistics}
9    />
10  )
11}

Documentation

Can be found here.