diff --git a/.eslintrc.js b/.eslintrc.js
index 209de498..592424ad 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,25 +1,30 @@
 module.exports = {
-  "extends": [
-    "react-app",
-    "prettier/@typescript-eslint",
-    "plugin:prettier/recommended"
+  extends: [
+    'react-app',
+    'prettier/@typescript-eslint',
+    'plugin:prettier/recommended',
   ],
-  "settings": {
-    "react": {
-      "version": "detect"
-    }
+  settings: {
+    react: {
+      version: 'detect',
+    },
   },
-  "rules": {
-    "@typescript-eslint/semi": ["error", "never"],
-    "@typescript-eslint/member-delimiter-style": ["error", {
-      "multiline": {
-          "delimiter": "none",
-          "requireLast": true
+  plugins: ['eslint-plugin-consent-manager'],
+  rules: {
+    'consent-manager/do-not-inject-scripts': ['error'],
+    '@typescript-eslint/semi': ['error', 'never'],
+    '@typescript-eslint/member-delimiter-style': [
+      'error',
+      {
+        multiline: {
+          delimiter: 'none',
+          requireLast: true,
+        },
+        singleline: {
+          delimiter: 'comma',
+          requireLast: false,
+        },
       },
-      "singleline": {
-          "delimiter": "comma",
-          "requireLast": false
-      }
-  }]
-  }
+    ],
+  },
 }
diff --git a/cypress/integration/basic.spec.ts b/cypress/integration/basic.spec.ts
index eafb0560..6dff360f 100644
--- a/cypress/integration/basic.spec.ts
+++ b/cypress/integration/basic.spec.ts
@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 
-describe('Wrapping Component', () => {
+describe('Basics', () => {
   before(() => {
     cy.visit('http://localhost:1234/')
   })
@@ -13,57 +13,4 @@ describe('Wrapping Component', () => {
     container.should('contain', 'Video Inc.')
     container.should('contain', 'Red Box Ltd.')
   })
-
-  it('does not render wrapping component by default', () => {
-    cy.get('[data-testid="consent-manager-wrapping-component"]').should(
-      'not.exist'
-    )
-  })
-
-  it('renders wrapping component after making decision', () => {
-    cy.toggleIntegration('Red Box Ltd.')
-
-    cy.get('[data-testid="consent-manager-wrapping-component"]').should('exist')
-  })
-
-  it('removes wrapping component after revoking decision', () => {
-    cy.toggleIntegration('Red Box Ltd.')
-
-    cy.get('[data-testid="consent-manager-wrapping-component"]').should(
-      'not.exist'
-    )
-  })
-})
-
-describe('Privacy Shield', () => {
-  before(() => {
-    cy.visit('http://localhost:1234/video')
-  })
-  it('renders privacy shield', () => {
-    cy.get('[data-testid="consent-manager-privacy-shield"]').contains(
-      'Video Inc. is a popular service to share clips of cats.'
-    )
-  })
-
-  it('renders form component', () => {
-    const container = cy.get('[data-testid="consent-manager-form-container"]')
-    container.should('contain', 'Video Inc.')
-    container.should('contain', 'Red Box Ltd.')
-  })
-
-  it('renders video component after making decision', () => {
-    cy.toggleIntegration('Video Inc.')
-
-    cy.get('[data-testid="consent-manager-video-component"]').contains(
-      'Video component with id rick-roll'
-    )
-  })
-
-  it('renders privacy shield after revoking decision', () => {
-    cy.toggleIntegration('Video Inc.')
-
-    cy.get('[data-testid="consent-manager-privacy-shield"]').contains(
-      'Video Inc. is a popular service to share clips of cats.'
-    )
-  })
 })
diff --git a/cypress/integration/privacy-shield.spec.ts b/cypress/integration/privacy-shield.spec.ts
new file mode 100644
index 00000000..368293f5
--- /dev/null
+++ b/cypress/integration/privacy-shield.spec.ts
@@ -0,0 +1,34 @@
+/// <reference types="cypress" />
+
+describe('Privacy Shield', () => {
+  before(() => {
+    cy.visit('http://localhost:1234/video')
+  })
+  it('renders privacy shield', () => {
+    cy.get('[data-testid="consent-manager-privacy-shield"]').contains(
+      'Video Inc. is a popular service to share clips of cats.'
+    )
+  })
+
+  it('renders form component', () => {
+    const container = cy.get('[data-testid="consent-manager-form-container"]')
+    container.should('contain', 'Video Inc.')
+    container.should('contain', 'Red Box Ltd.')
+  })
+
+  it('renders video component after making decision', () => {
+    cy.toggleIntegration('Video Inc.')
+
+    cy.get('[data-testid="consent-manager-video-component"]').contains(
+      'Video component with id rick-roll'
+    )
+  })
+
+  it('renders privacy shield after revoking decision', () => {
+    cy.toggleIntegration('Video Inc.')
+
+    cy.get('[data-testid="consent-manager-privacy-shield"]').contains(
+      'Video Inc. is a popular service to share clips of cats.'
+    )
+  })
+})
diff --git a/cypress/integration/script-injectors.spec.ts b/cypress/integration/script-injectors.spec.ts
new file mode 100644
index 00000000..e8c2a818
--- /dev/null
+++ b/cypress/integration/script-injectors.spec.ts
@@ -0,0 +1,91 @@
+/// <reference types="cypress" />
+
+describe('Script Injector: script', () => {
+  const selector = 'script#red-box-ltd'
+
+  before(() => {
+    cy.visit('http://localhost:1234/')
+  })
+  it('does not inject script by default', () => {
+    cy.get(selector).should('not.exist')
+  })
+
+  it('injects script after making decision', () => {
+    cy.toggleIntegration('Red Box Ltd.')
+
+    cy.get(selector).should('have.attr', 'async')
+    cy.get(selector).should('have.attr', 'defer')
+    cy.get(selector)
+      .should('have.attr', 'type')
+      .should('equals', 'text/javascript')
+
+    cy.window()
+      .its('rbltd.push')
+      .should('exist')
+  })
+
+  it('removes script when revoking decision', () => {
+    cy.toggleIntegration('Red Box Ltd.')
+
+    cy.get(selector).should('not.exist')
+  })
+})
+
+describe('Script Injector: img tag', () => {
+  const selector = 'img[src="/zero-pixel.png"]'
+
+  before(() => {
+    cy.visit('http://localhost:1234/')
+  })
+  it('does not inject img by default', () => {
+    cy.get(selector).should('not.exist')
+  })
+
+  it('injects img after making decision', () => {
+    cy.toggleIntegration('Innocent Pixel')
+
+    cy.get(selector).should('have.attr', 'height')
+    cy.get(selector).should('have.attr', 'width')
+  })
+
+  it('removes img when revoking decision', () => {
+    cy.toggleIntegration('Innocent Pixel')
+
+    cy.get(selector).should('not.exist')
+  })
+})
+
+describe('Script Injector: image and script tags', () => {
+  const selectorImg = 'img[src="/zero-pixel.png"]'
+  const selectorScript = 'script#red-box-ltd'
+
+  before(() => {
+    cy.visit('http://localhost:1234/')
+  })
+  it('does not inject by default', () => {
+    cy.get(selectorImg).should('not.exist')
+    cy.get(selectorScript).should('not.exist')
+  })
+
+  it('injects img and script after making decision', () => {
+    cy.toggleIntegration('Red Box Ltd.')
+    cy.toggleIntegration('Innocent Pixel')
+
+    cy.get(selectorScript).should('exist')
+    cy.get(selectorImg).should('exist')
+  })
+
+  it('removes script when revoking decision', () => {
+    cy.toggleIntegration('Red Box Ltd.')
+
+    cy.get(selectorScript).should('not.exist')
+    cy.get(selectorImg).should('exist')
+  })
+
+  it('removes img when revoking decision', () => {
+    cy.toggleIntegration('Innocent Pixel')
+
+    cy.get(selectorImg).should('not.exist')
+    cy.get(selectorScript).should('not.exist')
+  })
+})
diff --git a/cypress/integration/tracking-events.spec.ts b/cypress/integration/tracking-events.spec.ts
new file mode 100644
index 00000000..a9330fd8
--- /dev/null
+++ b/cypress/integration/tracking-events.spec.ts
@@ -0,0 +1,80 @@
+describe('Pave View Tracking', () => {
+  beforeEach(() => {
+    cy.visit('http://localhost:1234/', {
+      onBeforeLoad(win) {
+        cy.spy(win.console, 'log').as('console.log')
+      },
+    })
+  })
+
+  it('does not initialize tracking by default', () => {
+    cy.get('@console.log')
+      .should('not.be.calledWith', 'Initializing Red Box Ltd. tracking')
+      .should('not.be.calledWith', 'page view: /')
+      .should('not.be.called')
+    cy.window()
+      .its('rbltd')
+      .should('not.exist')
+    cy.get('[data-testid="consent-manager-wrapping-component"]').should(
+      'not.exist'
+    )
+  })
+
+  it('initializes tracking on user consent and logs initial page view', () => {
+    cy.toggleIntegration('Red Box Ltd.')
+
+    cy.window()
+      .its('rbltd.push')
+      .should('exist')
+
+    cy.get('@console.log')
+      .should('be.calledWith', 'page view: /')
+      .should('not.be.calledWith', 'page view: /video')
+      .should('be.calledOnce')
+  })
+
+  it('tracks page views when route changes to video and back', () => {
+    cy.toggleIntegration('Red Box Ltd.')
+
+    cy.get('@console.log')
+      .should('be.calledWith', 'page view: /')
+      .should('be.calledOnce')
+
+    cy.get('[data-testid=example-nav-video]').click()
+
+    cy.get('@console.log')
+      .should('be.calledWith', 'page view: /video')
+      .should('be.calledTwice')
+
+    cy.get('[data-testid=example-nav-home]').click()
+
+    cy.get('@console.log').then(logSpy => {
+      expect(logSpy.args[0][0]).to.equal(logSpy.args[2][0])
+    })
+    cy.get('@console.log').should('be.calledThrice')
+  })
+
+  it('disables tracking when user revokes consent', () => {
+    cy.get('[data-testid="consent-manager-wrapping-component"]').should(
+      'not.exist'
+    )
+
+    cy.toggleIntegration('Red Box Ltd.')
+
+    cy.get('@console.log').should('be.calledOnce')
+
+    cy.get('[data-testid=example-nav-video]').click()
+
+    cy.get('@console.log')
+      .should('be.calledWith', 'page view: /video')
+      .should('be.calledTwice')
+
+    cy.toggleIntegration('Red Box Ltd.')
+
+    cy.get('@console.log').should('be.calledTwice')
+
+    cy.get('[data-testid=example-nav-home]').click()
+
+    cy.get('@console.log').should('be.calledTwice')
+  })
+})
diff --git a/cypress/integration/tracking-pageviews.spec.ts b/cypress/integration/tracking-pageviews.spec.ts
new file mode 100644
index 00000000..a9330fd8
--- /dev/null
+++ b/cypress/integration/tracking-pageviews.spec.ts
@@ -0,0 +1,80 @@
+describe('Pave View Tracking', () => {
+  beforeEach(() => {
+    cy.visit('http://localhost:1234/', {
+      onBeforeLoad(win) {
+        cy.spy(win.console, 'log').as('console.log')
+      },
+    })
+  })
+
+  it('does not initialize tracking by default', () => {
+    cy.get('@console.log')
+      .should('not.be.calledWith', 'Initializing Red Box Ltd. tracking')
+      .should('not.be.calledWith', 'page view: /')
+      .should('not.be.called')
+    cy.window()
+      .its('rbltd')
+      .should('not.exist')
+    cy.get('[data-testid="consent-manager-wrapping-component"]').should(
+      'not.exist'
+    )
+  })
+
+  it('initializes tracking on user consent and logs initial page view', () => {
+    cy.toggleIntegration('Red Box Ltd.')
+
+    cy.window()
+      .its('rbltd.push')
+      .should('exist')
+
+    cy.get('@console.log')
+      .should('be.calledWith', 'page view: /')
+      .should('not.be.calledWith', 'page view: /video')
+      .should('be.calledOnce')
+  })
+
+  it('tracks page views when route changes to video and back', () => {
+    cy.toggleIntegration('Red Box Ltd.')
+
+    cy.get('@console.log')
+      .should('be.calledWith', 'page view: /')
+      .should('be.calledOnce')
+
+    cy.get('[data-testid=example-nav-video]').click()
+
+    cy.get('@console.log')
+      .should('be.calledWith', 'page view: /video')
+      .should('be.calledTwice')
+
+    cy.get('[data-testid=example-nav-home]').click()
+
+    cy.get('@console.log').then(logSpy => {
+      expect(logSpy.args[0][0]).to.equal(logSpy.args[2][0])
+    })
+    cy.get('@console.log').should('be.calledThrice')
+  })
+
+  it('disables tracking when user revokes consent', () => {
+    cy.get('[data-testid="consent-manager-wrapping-component"]').should(
+      'not.exist'
+    )
+
+    cy.toggleIntegration('Red Box Ltd.')
+
+    cy.get('@console.log').should('be.calledOnce')
+
+    cy.get('[data-testid=example-nav-video]').click()
+
+    cy.get('@console.log')
+      .should('be.calledWith', 'page view: /video')
+      .should('be.calledTwice')
+
+    cy.toggleIntegration('Red Box Ltd.')
+
+    cy.get('@console.log').should('be.calledTwice')
+
+    cy.get('[data-testid=example-nav-home]').click()
+
+    cy.get('@console.log').should('be.calledTwice')
+  })
+})
diff --git a/cypress/integration/tracking.spec.ts b/cypress/integration/tracking.spec.ts
deleted file mode 100644
index 7cb5ab20..00000000
--- a/cypress/integration/tracking.spec.ts
+++ /dev/null
@@ -1,155 +0,0 @@
-describe('pave view tracking', () => {
-  beforeEach(() => {
-    cy.visit('http://localhost:1234/', {
-      onBeforeLoad(win) {
-        cy.spy(win.console, 'log').as('console.log')
-      },
-    })
-  })
-
-  it('does not initialize tracking by default', () => {
-    cy.get('@console.log')
-      .should('not.be.calledWith', 'Initializing Red Box Ltd. tracking')
-      .should('not.be.calledWith', 'page view: /')
-      .should('not.be.called')
-    cy.window()
-      .its('rbltd')
-      .should('not.exist')
-    cy.get('[data-testid="consent-manager-wrapping-component"]').should(
-      'not.exist'
-    )
-  })
-
-  it('initializes tracking on user consent and logs initial page view', () => {
-    cy.toggleIntegration('Red Box Ltd.')
-
-    cy.window()
-      .its('rbltd.trackEvent')
-      .should('exist')
-    cy.window()
-      .its('rbltd.trackPageView')
-      .should('exist')
-
-    cy.get('[data-testid="consent-manager-wrapping-component"]').should('exist')
-
-    cy.get('@console.log')
-      .should('be.calledWith', 'Initializing Red Box Ltd. tracking')
-      .should('be.calledWith', 'page view: /')
-      .should('not.be.calledWith', 'page view: /video')
-      .should('be.calledTwice')
-  })
-
-  it('tracks page views when route changes to video and back', () => {
-    cy.toggleIntegration('Red Box Ltd.')
-
-    cy.get('@console.log')
-      .should('be.calledWith', 'Initializing Red Box Ltd. tracking')
-      .should('be.calledWith', 'page view: /')
-      .should('be.calledTwice')
-
-    cy.get('[data-testid=example-nav-video]').click()
-
-    cy.get('@console.log')
-      .should('be.calledWith', 'page view: /video')
-      .should('be.calledThrice')
-
-    cy.get('[data-testid=example-nav-home]').click()
-
-    cy.get('@console.log').then(logSpy => {
-      expect(logSpy.args[1][0]).to.equal(logSpy.args[3][0])
-      expect(logSpy).to.have.callCount(4)
-    })
-  })
-
-  it('disables tracking when user revokes consent', () => {
-    cy.get('[data-testid="consent-manager-wrapping-component"]').should(
-      'not.exist'
-    )
-
-    cy.toggleIntegration('Red Box Ltd.')
-
-    cy.get('[data-testid="consent-manager-wrapping-component"]').should('exist')
-
-    cy.get('@console.log').should('be.calledTwice')
-
-    cy.get('[data-testid=example-nav-video]').click()
-
-    cy.get('[data-testid="consent-manager-wrapping-component"]').should('exist')
-    cy.get('@console.log')
-      .should('be.calledWith', 'page view: /video')
-      .should('be.calledThrice')
-
-    cy.toggleIntegration('Red Box Ltd.')
-
-    cy.get('@console.log').should('be.calledThrice')
-    cy.get('[data-testid="consent-manager-wrapping-component"]').should(
-      'not.exist'
-    )
-
-    cy.get('[data-testid=example-nav-home]').click()
-
-    cy.get('@console.log').should('be.calledThrice')
-    cy.get('[data-testid="consent-manager-wrapping-component"]').should(
-      'not.exist'
-    )
-  })
-})
-
-describe('custom event tracking', () => {
-  beforeEach(() => {
-    cy.visit('http://localhost:1234/', {
-      onBeforeLoad(win) {
-        cy.spy(win.console, 'log').as('console.log')
-        cy.spy(win, 'alert').as('alert')
-      },
-    })
-  })
-
-  it('enables event tracking on on user consent', () => {
-    cy.get('[data-testid=example-button]').should(
-      'contain',
-      'Do not click here - nothing will happen'
-    )
-
-    // wait one tick to mount wrapper components
-    // @todo consider if we really need to wrap the whole thing on client again!
-    cy.wait(0)
-
-    cy.get('@console.log').should('not.be.called')
-
-    cy.get('[data-testid=example-button]').click()
-
-    cy.get('@console.log').should('not.be.called')
-    cy.get('@alert').should('not.be.called')
-
-    cy.toggleIntegration('Red Box Ltd.')
-
-    cy.get('[data-testid=example-button]').should(
-      'contain',
-      'Do not click here - we will track you'
-    )
-
-    cy.get('@console.log').should('be.calledTwice')
-
-    cy.get('[data-testid=example-button]').click()
-
-    cy.get('@console.log')
-      .should('be.calledThrice')
-      .should('be.calledWith', 'custom event tracked')
-
-    cy.get('@alert')
-      .should('be.calledOnce')
-      .should('be.calledWith', 'told ya! click watching you closely')
-
-    cy.toggleIntegration('Red Box Ltd.')
-
-    cy.get('[data-testid=example-button]').click()
-
-    cy.get('@alert').should('be.calledOnce')
-    cy.get('@console.log').should('be.calledThrice')
-    cy.get('[data-testid=example-button]').should(
-      'contain',
-      'Do not click here - nothing will happen'
-    )
-  })
-})
diff --git a/cypress/support/commands.ts b/cypress/support/commands.ts
index 5fc76392..c2c5163f 100644
--- a/cypress/support/commands.ts
+++ b/cypress/support/commands.ts
@@ -25,7 +25,7 @@
 // Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
 
 Cypress.Commands.add('toggleIntegration', integrationLabel => {
-  // wait one tick to mount wrapper components
+  // wait one tick to execute script injectors
   // @todo consider if we really need to wrap the whole thing on client again!
   cy.wait(0)
 
diff --git a/example/index.html b/example/index.html
index 547e2e04..42cc92c1 100644
--- a/example/index.html
+++ b/example/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Playground</title>
+    <title>Consent Manager Example</title>
   </head>
 
   <body>
diff --git a/example/index.tsx b/example/index.tsx
index 076f08fe..f4db6587 100644
--- a/example/index.tsx
+++ b/example/index.tsx
@@ -17,26 +17,30 @@ import {
 import RouteHome from './routes/home'
 import RouteVideo from './routes/video'
 
-import { createVideoIncIntegration } from './integrations/social-video-inc'
+import { videoIncIntegration } from './integrations/social-video-inc'
+import { innocentPixelIntegration } from './integrations/tracker-innocent-pixel'
 import {
-  createRedBoxLtdIntegration,
+  redBoxLtdIntegration,
   useRedBoxLtd,
 } from './integrations/tracker-red-box-ltd'
 
 const consentManagerConfig: ConsentManagerConfig = {
-  integrations: [createVideoIncIntegration(), createRedBoxLtdIntegration()],
+  integrations: [
+    videoIncIntegration(),
+    redBoxLtdIntegration(),
+    innocentPixelIntegration(),
+  ],
 }
 
 const PageViewTracker: React.FC = () => {
   const location = useLocation()
-  const { trackPageView } = useRedBoxLtd()
+  const redBoxLtdTracker = useRedBoxLtd()
 
   React.useEffect(() => {
-    // @todo find proper solution to ensure page view is tracked after tracker api is initialized
     window.setTimeout(() => {
-      trackPageView(location)
+      redBoxLtdTracker && redBoxLtdTracker.push(['page', location.pathname])
     }, 0)
-  }, [location, trackPageView])
+  }, [location, redBoxLtdTracker])
 
   return null
 }
diff --git a/example/integrations/social-video-inc.tsx b/example/integrations/social-video-inc.tsx
index 8e3b77cc..ca47f64f 100644
--- a/example/integrations/social-video-inc.tsx
+++ b/example/integrations/social-video-inc.tsx
@@ -19,7 +19,7 @@ const Icon: React.FC = () => (
   </svg>
 )
 
-export function createVideoIncIntegration(): IntegrationConfig {
+export function videoIncIntegration(): IntegrationConfig {
   return {
     id: 'video-platform',
     title: 'Video Inc.',
diff --git a/example/integrations/tracker-innocent-pixel.tsx b/example/integrations/tracker-innocent-pixel.tsx
new file mode 100644
index 00000000..54b2cc5f
--- /dev/null
+++ b/example/integrations/tracker-innocent-pixel.tsx
@@ -0,0 +1,42 @@
+import * as React from 'react'
+
+import { IntegrationConfig } from '@consent-manager/core'
+
+const Icon: React.FC = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
+    fill="currentColor"
+  >
+    <path
+      fillRule="evenodd"
+      d="M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z"
+      clipRule="evenodd"
+    />
+  </svg>
+)
+
+const ScriptInjector: React.FC = () => {
+  return (
+    <img
+      height="1"
+      width="1"
+      style={{ display: 'none' }}
+      src="/zero-pixel.png"
+      alt="In this case, this actually does nothing"
+    />
+  )
+}
+
+export function innocentPixelIntegration(): IntegrationConfig {
+  return {
+    id: 'innocent-pixel',
+    title: 'Innocent Pixel',
+    category: 'statistics',
+    description: 'Example integration that injects a pixel tracking technique.',
+    color: '#2d4876',
+    contrastColor: '#fff',
+    Icon,
+    ScriptInjector,
+  }
+}
diff --git a/example/integrations/tracker-red-box-ltd.tsx b/example/integrations/tracker-red-box-ltd.tsx
index a82b8f8a..590f58c1 100644
--- a/example/integrations/tracker-red-box-ltd.tsx
+++ b/example/integrations/tracker-red-box-ltd.tsx
@@ -1,31 +1,22 @@
 import * as React from 'react'
 
-import { IntegrationConfig, useDecision, Tracker } from '@consent-manager/core'
+import {
+  IntegrationConfig,
+  useDecision,
+  Tracker,
+  useScript,
+  locateTracker,
+} from '@consent-manager/core'
+import { useEffect } from 'react'
 
 declare global {
   interface Window {
-    rbltd?: RedBoxLtdWindow
-  }
-}
-
-interface RedBoxLtdWindow extends Tracker {}
-
-const createRedBoxTracker = () => {
-  console.log('Initializing Red Box Ltd. tracking')
-  window.rbltd = {
-    trackEvent: (...data) => {
-      console.log('custom event tracked', data)
-      alert(['told ya!', ...data].join(' '))
-    },
-    trackPageView: (location: Location) => {
-      console.log(`page view: ${location.pathname}`, location)
-    },
+    rbltd?: RedBoxLtdTracker
   }
 }
 
 const Icon: React.FC = () => (
   <svg
-    className="w-6 h-6"
     fill="currentColor"
     viewBox="0 0 20 20"
     xmlns="http://www.w3.org/2000/svg"
@@ -34,63 +25,55 @@ const Icon: React.FC = () => (
   </svg>
 )
 
-// ensure that the tracker script will be initialized once in runtime
-let wasInitialized = false
+const ScriptInjector: React.FC = () => {
+  useEffect(() => {
+    window.rbltd = window.rbltd || []
 
-const WrapperComponent: React.FC = ({ children }) => {
-  React.useEffect(() => {
-    if (!wasInitialized) {
-      createRedBoxTracker()
-      wasInitialized = true
+    return () => {
+      delete window.rbltd
     }
-  }, [])
+  })
+
+  useScript('/red-box-ltd.js', { id: 'red-box-ltd' })
 
-  return (
-    <div
-      style={{ border: '3px solid #C21515' }}
-      data-testid="consent-manager-wrapping-component"
-    >
-      {children}
-    </div>
-  )
+  return null
 }
 
-export function useRedBoxLtd(): Tracker {
+interface RedBoxLtdTracker extends Array<Array<String>>, Tracker {}
+
+// For usage non-react context when tracking page views (Docusaurus, Gatsby, ...)
+// @todo we need to save-guard this by checking if integration is actually enabled
+export function getRedBoxLtd() {
+  return window.rbltd
+}
+
+export function useRedBoxLtd(): RedBoxLtdTracker | null {
   const [isEnabled] = useDecision('red-box-ltd')
+  const [tracker, setTracker] = React.useState(null)
 
-  const redBoxLtdInterface = React.useMemo(() => {
-    if (!isEnabled) {
-      return {
-        trackEvent: () => {},
-        trackPageView: () => {},
-      }
+  React.useEffect(() => {
+    if (isEnabled && !tracker) {
+      locateTracker('rbltd', setTracker)
     }
+  }, [isEnabled, setTracker, tracker])
 
-    return {
-      trackEvent: (...args) =>
-        window.rbltd &&
-        window.rbltd.trackEvent &&
-        window.rbltd.trackEvent(...args),
-      trackPageView: (...args) =>
-        window.rbltd &&
-        window.rbltd.trackPageView &&
-        window.rbltd.trackPageView(...args),
-    }
-  }, [isEnabled])
+  if (!isEnabled) {
+    return null
+  }
 
-  return redBoxLtdInterface
+  return tracker
 }
 
-export function createRedBoxLtdIntegration(): IntegrationConfig {
+export function redBoxLtdIntegration(): IntegrationConfig {
   return {
     id: 'red-box-ltd',
     title: 'Red Box Ltd.',
     category: 'statistics',
     description:
-      'Adds red borders around your content, demonstrates use of components that do e.g. click tracking',
+      'Example integration that injects scripts to demonstrate click and page tracking',
     color: '#C21515',
     contrastColor: '#fff',
     Icon,
-    WrapperComponent,
+    ScriptInjector,
   }
 }
diff --git a/example/package.json b/example/package.json
index e7e6e06a..d65823d9 100644
--- a/example/package.json
+++ b/example/package.json
@@ -17,6 +17,7 @@
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.8.4",
     "parcel": "1.12.3",
+    "parcel-plugin-static-files-copy": "^2.6.0",
     "typescript": "^3.4.5"
   },
   "alias": {
diff --git a/example/routes/home.tsx b/example/routes/home.tsx
index 42415c02..de6fdddf 100644
--- a/example/routes/home.tsx
+++ b/example/routes/home.tsx
@@ -3,7 +3,7 @@ import { useRedBoxLtd } from '../integrations/tracker-red-box-ltd'
 import { useDecision } from '@consent-manager/core'
 
 export default function RouteHome() {
-  const { trackEvent } = useRedBoxLtd()
+  const redBoxLtdTracker = useRedBoxLtd()
   const [isEnabled] = useDecision('red-box-ltd')
 
   return (
@@ -18,7 +18,16 @@ export default function RouteHome() {
         action.
       </p>
       <button
-        onClick={() => trackEvent('click', 'watching', 'you', 'closely')}
+        onClick={() =>
+          redBoxLtdTracker &&
+          redBoxLtdTracker.push([
+            'event',
+            'click',
+            'watching',
+            'you',
+            'closely',
+          ])
+        }
         data-testid="example-button"
       >
         Do not click here -{' '}
diff --git a/example/static/red-box-ltd.js b/example/static/red-box-ltd.js
new file mode 100644
index 00000000..b999b808
--- /dev/null
+++ b/example/static/red-box-ltd.js
@@ -0,0 +1,34 @@
+;(() => {
+  // Never init twice
+  if (window.rbltd && window.rbltd.initialized) {
+    return
+  }
+
+  // Array style tracking like Google Analytics or Matomo
+  const redBoxLtdTracking = []
+
+  const push = data => {
+    const [eventType, ...vals] = data
+
+    redBoxLtdTracking.push(...vals)
+
+    if (eventType === 'page') {
+      console.log(`page view: ${vals[0]}`)
+    }
+    if (eventType === 'event') {
+      console.log('custom event tracked', vals)
+      alert(['told ya!', ...vals].join(' '))
+    }
+  }
+
+  // Track all events that are gathered already from somewhere else
+  if (Array.isArray(window.rbltd)) {
+    window.rbltd.forEach(data => {
+      console.log({ data })
+      push(...data)
+    })
+  }
+
+  window.debugme = redBoxLtdTracking
+  window.rbltd = { push, initialized: true }
+})()
diff --git a/example/static/zero-pixel.png b/example/static/zero-pixel.png
new file mode 100644
index 00000000..909c66db
Binary files /dev/null and b/example/static/zero-pixel.png differ
diff --git a/package.json b/package.json
index bb352df3..fc7caa88 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "@types/react": "^16.9.43",
     "@types/react-dom": "^16.9.8",
     "cypress": "^5.2.0",
+    "eslint-plugin-consent-manager": "./packages/eslint-plugin-consent-manager",
     "lerna": "^3.15.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
diff --git a/packages/core/src/components/IntegrationScriptInjectors.tsx b/packages/core/src/components/IntegrationScriptInjectors.tsx
new file mode 100644
index 00000000..113824c4
--- /dev/null
+++ b/packages/core/src/components/IntegrationScriptInjectors.tsx
@@ -0,0 +1,35 @@
+import React, { useMemo, useState, useEffect } from 'react'
+
+import { IntegrationConfig, ConsentManagerConfig } from '../config'
+import { useDecisions } from '../decisions'
+
+type IntegrationWithScriptInjector = IntegrationConfig &
+  Required<Pick<IntegrationConfig, 'ScriptInjector'>>
+
+export const IntegrationScriptInjectors: React.FC<{
+  config: ConsentManagerConfig
+}> = ({ config, children }) => {
+  const [decisions] = useDecisions()
+  const [isMounted, setIsMounted] = useState(false)
+  useEffect(() => setIsMounted(true), [setIsMounted])
+
+  const scriptInjectors = useMemo(() => {
+    if (!isMounted) {
+      return null
+    }
+
+    return config.integrations
+      .filter(i => decisions[i.id] === true)
+      .filter((i): i is IntegrationWithScriptInjector =>
+        Boolean(i.ScriptInjector)
+      )
+      .map(({ ScriptInjector, id }) => <ScriptInjector key={id} />)
+  }, [config, decisions, isMounted])
+
+  return (
+    <>
+      {children}
+      {scriptInjectors}
+    </>
+  )
+}
diff --git a/packages/core/src/components/IntegrationWrapperComponents.tsx b/packages/core/src/components/IntegrationWrapperComponents.tsx
deleted file mode 100644
index f86a141f..00000000
--- a/packages/core/src/components/IntegrationWrapperComponents.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, { useMemo, useState, useEffect } from 'react'
-
-import {
-  IntegrationConfig,
-  ConsentManagerConfig,
-  ConsentManagerDecisions,
-} from '../config'
-import { useDecisions } from '../decisions'
-
-type IntegrationWithWrapperComponent = IntegrationConfig &
-  Required<Pick<IntegrationConfig, 'WrapperComponent'>>
-
-function useWrapperComponents(
-  config: ConsentManagerConfig,
-  decisions: ConsentManagerDecisions
-): React.ComponentType {
-  const Wrapper: React.ComponentType = useMemo(() => {
-    return (({ children }) => {
-      return config.integrations
-        .filter(i => decisions[i.id] === true)
-        .filter((i): i is IntegrationWithWrapperComponent =>
-          Boolean(i.WrapperComponent)
-        )
-        .reverse()
-        .reduce((children, { WrapperComponent }) => {
-          return <WrapperComponent>{children}</WrapperComponent>
-        }, children)
-    }) as React.FC
-  }, [config.integrations, decisions])
-  return Wrapper
-}
-
-export const IntegrationWrapperComponents: React.FC<{
-  config: ConsentManagerConfig
-}> = ({ config, children }) => {
-  const [decisions] = useDecisions()
-  const Wrapper = useWrapperComponents(config, decisions)
-
-  // Check if component was mounted for SSR
-  const [isMounted, setIsMounted] = useState(false)
-  useEffect(() => setIsMounted(true), [setIsMounted])
-
-  return (
-    <>
-      {children}
-      {isMounted && <Wrapper>{null}</Wrapper>}
-    </>
-  )
-}
diff --git a/packages/core/src/config.ts b/packages/core/src/config.ts
index 0331cd6f..1d94db59 100644
--- a/packages/core/src/config.ts
+++ b/packages/core/src/config.ts
@@ -22,7 +22,7 @@ export interface IntegrationConfig {
   privacyPolicyUrl?: string
   Icon: React.ComponentType<IntegrationIconComponentProps>
   pageViewEventHandler?: PageViewEventTrigger
-  WrapperComponent?: React.ComponentType
+  ScriptInjector?: React.ComponentType
   options?: IntegrationConfigOptions
   enabledByDefault?: boolean
 }
@@ -41,10 +41,6 @@ export interface FallbackComponentProps {
   [key: string]: unknown
 }
 
-export interface TrackerEvents {
-  track?: (...args: unknown[]) => unknown
-  trackEvent?: (...args: unknown[]) => unknown
-  trackPageView?: (...args: unknown[]) => unknown
+export interface Tracker {
+  [key: string]: unknown
 }
-
-export interface Tracker extends TrackerEvents {}
diff --git a/packages/core/src/index.tsx b/packages/core/src/index.tsx
index ea6dce2b..d278afb7 100644
--- a/packages/core/src/index.tsx
+++ b/packages/core/src/index.tsx
@@ -10,7 +10,7 @@ import ConsentManagerContext from './context'
 import { useDecisions } from './decisions'
 import { ConsentManagerStore } from './storage'
 
-import { IntegrationWrapperComponents } from './components/IntegrationWrapperComponents'
+import { IntegrationScriptInjectors } from './components/IntegrationScriptInjectors'
 import { FallbackComponent } from './components/FallbackComponent'
 
 export interface ConsentManagerProps {
@@ -29,9 +29,9 @@ export const ConsentManager: React.FC<ConsentManagerProps> = ({
     <ConsentManagerContext.Provider
       value={{ fallbackComponent, config, store }}
     >
-      <IntegrationWrapperComponents config={config}>
+      <IntegrationScriptInjectors config={config}>
         {children}
-      </IntegrationWrapperComponents>
+      </IntegrationScriptInjectors>
     </ConsentManagerContext.Provider>
   )
 }
@@ -121,11 +121,7 @@ export {
   IntegrationIconComponentProps,
   IntegrationConfigOptions,
   Tracker,
-  TrackerEvents,
   FallbackComponentProps,
 } from './config'
 
-export {
-  getForegroundColor,
-  createIconComponentFromSimpleIconsSvgPath,
-} from './integration-helpers'
+export * from './integration-helpers'
diff --git a/packages/core/src/integration-helpers.tsx b/packages/core/src/integration-helpers.tsx
index bea46abf..d6e95a90 100644
--- a/packages/core/src/integration-helpers.tsx
+++ b/packages/core/src/integration-helpers.tsx
@@ -1,7 +1,12 @@
-import React from 'react'
+import React, { useEffect, useState } from 'react'
 import { hex } from 'wcag-contrast'
 
 import { IntegrationIconComponentProps } from './config'
+declare global {
+  interface Window {
+    [key: string]: unknown
+  }
+}
 
 export function getForegroundColor(bgHex: string): string {
   return hex(bgHex, '#000') >= 7 ? '#000' : '#fff'
@@ -27,3 +32,111 @@ export const createIconComponentFromSimpleIconsSvgPath: (
     <path d={path} />
   </svg>
 )
+
+export type Status = 'idle' | 'loading' | 'ready' | 'error'
+export type ScriptElt = HTMLScriptElement | null
+
+export function useScript(
+  src: string,
+  attributes: { [key: string]: string }
+): Status {
+  const [status, setStatus] = useState<Status>(src ? 'loading' : 'idle')
+
+  useEffect(
+    () => {
+      if (!src) {
+        setStatus('idle')
+        return
+      }
+
+      // Fetch existing script element by src
+      // It may have been added by another instance of this hook
+      let script: ScriptElt = document.querySelector(`script[src="${src}"]`)
+
+      if (!script) {
+        // Create script
+        // eslint-disable-next-line consent-manager/do-not-inject-scripts
+        script = document.createElement('script')
+        script.src = src
+        script.async = true
+        script.defer = true
+        script.type = 'text/javascript'
+        script.setAttribute('data-status', 'loading')
+
+        if (attributes) {
+          Object.keys(attributes).forEach(name => {
+            // @todo why ts forces us to check here again?
+            script && script.setAttribute(name, attributes[name])
+          })
+        }
+
+        // Add script to document body
+        document.body.appendChild(script)
+
+        // Store status in attribute on script
+        // This can be read by other instances of this hook
+        const setAttributeFromEvent = (event: Event) => {
+          script?.setAttribute(
+            'data-status',
+            event.type === 'load' ? 'ready' : 'error'
+          )
+        }
+
+        script.addEventListener('load', setAttributeFromEvent)
+        script.addEventListener('error', setAttributeFromEvent)
+      } else {
+        // Grab existing script status from attribute and set to state.
+        setStatus(script.getAttribute('data-status') as Status)
+      }
+
+      // Script event handler to update status in state
+      // Note: Even if the script already exists we still need to add
+      // event handlers to update the state for *this* hook instance.
+      const setStateFromEvent = (event: Event) => {
+        setStatus(event.type === 'load' ? 'ready' : 'error')
+      }
+
+      // Add event listeners
+      script.addEventListener('load', setStateFromEvent)
+      script.addEventListener('error', setStateFromEvent)
+
+      // Remove event listeners on cleanup
+      return () => {
+        if (script) {
+          script.removeEventListener('load', setStateFromEvent)
+          script.removeEventListener('error', setStateFromEvent)
+          script.remove()
+        }
+      }
+    },
+    [src, attributes] // Only re-run effect if script src changes
+  )
+
+  return status
+}
+
+export function locateTracker(
+  name: string,
+  set: React.Dispatch<React.SetStateAction<any>>,
+  iteration = 0
+): undefined {
+  const tracker = window[name]
+
+  if (tracker) {
+    set(tracker)
+    return
+  }
+  iteration++
+
+  if (iteration === 10) {
+    throw new Error(
+      `Could not locate integration ${name} within 10 tries (3 seconds)`
+    )
+  }
+
+  window.setTimeout(() => {
+    locateTracker(name, set, iteration)
+  }, iteration * 300)
+
+  return
+}
diff --git a/packages/docs/docs/getting-started.md b/packages/docs/docs/getting-started.md
index 486551de..c8979d45 100644
--- a/packages/docs/docs/getting-started.md
+++ b/packages/docs/docs/getting-started.md
@@ -64,7 +64,7 @@ ReactDOM.render(
 );
 ```
 
-## Wrapping components that need users concent for proper functionallity
+## Integrations that need users concent for proper functionallity
 
 Lets take this very simple component as example, it renders a YouTube video.
 
diff --git a/packages/docs/src/components/integration-profile.tsx b/packages/docs/src/components/integration-profile.tsx
index bb8e30b0..a101b0a8 100644
--- a/packages/docs/src/components/integration-profile.tsx
+++ b/packages/docs/src/components/integration-profile.tsx
@@ -25,7 +25,7 @@ export const IntegrationProfile: React.FC<IntegrationProfileProps> = ({
     contrastColor,
     description,
     privacyPolicyUrl,
-    WrapperComponent,
+    ScriptInjector,
     enabledByDefault,
   } = integration
 
@@ -65,8 +65,8 @@ export const IntegrationProfile: React.FC<IntegrationProfileProps> = ({
           </td>
         </tr>
         <tr>
-          <td>WrapperComponent</td>
-          <td>{WrapperComponent ? '✅' : '⛔️'}</td>
+          <td>Injects &lt;script/&gt; tag</td>
+          <td>{ScriptInjector ? '✅' : '⛔️'}</td>
         </tr>
         <tr>
           <td>Enabled by default</td>
diff --git a/packages/docs/src/plugins/client-plugin.js b/packages/docs/src/plugins/client-plugin.js
index 05d016fe..0bbee137 100644
--- a/packages/docs/src/plugins/client-plugin.js
+++ b/packages/docs/src/plugins/client-plugin.js
@@ -1,4 +1,7 @@
-const { getMatomoTracker } = require('@consent-manager/integration-matomo')
+const {
+  getMatomo,
+  trackPageViewSPA,
+} = require('@consent-manager/integration-matomo')
 const { getSegment } = require('@consent-manager/integration-segment')
 const {
   getGoogleAnalytics,
@@ -7,13 +10,15 @@ const {
 module.exports = (function() {
   return {
     onRouteUpdate({ location }) {
-      const { trackPageView } = getMatomoTracker()
-      const analytics = getSegment()
+      const matomo = getMatomo()
+      const segment = getSegment()
       const ReactGA = getGoogleAnalytics()
       window.setTimeout(() => {
-        trackPageView(location.pathname)
-        if (analytics && analytics.page) {
-          analytics.page()
+        if (matomo) {
+          trackPageViewSPA({ matomo, location })
+        }
+        if (segment && segment.page) {
+          segment.page()
         }
         if (ReactGA && ReactGA.pageview) {
           ReactGA.pageview(location.pathname + location.search)
diff --git a/packages/docs/src/theme/InitialPageViewTracker.js b/packages/docs/src/theme/InitialPageViewTracker.js
new file mode 100644
index 00000000..bec0362a
--- /dev/null
+++ b/packages/docs/src/theme/InitialPageViewTracker.js
@@ -0,0 +1,38 @@
+import { useEffect } from 'react'
+
+import {
+  useMatomo,
+  trackPageViewSPA,
+} from '@consent-manager/integration-matomo'
+import { useSegment } from '@consent-manager/integration-segment'
+import { useGoogleAnalytics } from '@consent-manager/integration-google-analytics'
+
+// Ensure we do this only once per runtime
+let trackedMatomo = false
+let trackedSegment = false
+let trackedGoogleAnalytics = false
+
+export const InitialPageViewTracker = () => {
+  const { location } = window
+
+  const matomo = useMatomo()
+  useEffect(() => {
+    if (matomo && !trackedMatomo) {
+      trackPageViewSPA({ matomo, location })
+      trackedMatomo = true
+    }
+  }, [location, matomo])
+
+  const ReactGA = useGoogleAnalytics()
+  useEffect(() => {
+    if (ReactGA && ReactGA.pageview && !trackedGoogleAnalytics) {
+      ReactGA.pageview(location.pathname + location.search)
+      trackedGoogleAnalytics = true
+    }
+  }, [location, ReactGA])
+
+  // Segment automatically tracks page view
+  // @todo how to avoid duplication? some frameworks execute route update hook on initial view, others not (and initial call might not be late enough!)
+
+  return null
+}
diff --git a/packages/docs/src/theme/Root.js b/packages/docs/src/theme/Root.js
index 8197bb34..c474e45b 100644
--- a/packages/docs/src/theme/Root.js
+++ b/packages/docs/src/theme/Root.js
@@ -3,6 +3,7 @@ import clsx from 'clsx'
 import { MDXProvider } from '@mdx-js/react'
 
 import { IntegrationProfile } from '../components/integration-profile'
+import { InitialPageViewTracker } from './InitialPageViewTracker'
 
 import { ConsentManager, ConsentManagerForm } from '@consent-manager/core'
 import createPersistedState from 'use-persisted-state'
@@ -70,6 +71,7 @@ function Root({ children }) {
         )}
       >
         {children}
+        <InitialPageViewTracker />
         <ConsentManagerForm
           formComponent={InterfaceDefault}
           SubmitButton={Button}
diff --git a/packages/eslint-plugin-consent-manager/index.js b/packages/eslint-plugin-consent-manager/index.js
new file mode 100644
index 00000000..29c2930a
--- /dev/null
+++ b/packages/eslint-plugin-consent-manager/index.js
@@ -0,0 +1,35 @@
+module.exports = {
+  rules: {
+    'do-not-inject-scripts': {
+      meta: {
+        docs: {
+          description: 'Our own useScript() hook should be used.',
+        },
+        schema: [],
+      },
+      create: function(context) {
+        return {
+          CallExpression: function(node) {
+            var callee = node.callee
+
+            if (
+              callee?.object?.name === 'document' &&
+              callee?.property?.name === 'createElement' &&
+              node?.arguments[0] &&
+              node?.arguments[0].value === 'script'
+            ) {
+              context.report({
+                node,
+                message: [
+                  'Do not create script tags on your own. You might break the consent detection and revocation.',
+                  "import { useScript } from '@consent-manager/core'",
+                  "useScript('//foo.bar/tracking.js')",
+                ].join('\n'),
+              })
+            }
+          },
+        }
+      },
+    },
+  },
+}
diff --git a/packages/eslint-plugin-consent-manager/package.json b/packages/eslint-plugin-consent-manager/package.json
new file mode 100644
index 00000000..0b17fad6
--- /dev/null
+++ b/packages/eslint-plugin-consent-manager/package.json
@@ -0,0 +1,40 @@
+{
+  "name": "eslint-plugin-consent-manager",
+  "version": "0.0.0",
+  "description": "eslint plugin for consent-manager development",
+  "main": "index.js",
+  "author": {
+    "name": "techboi GmbH",
+    "email": "opensource@techboi.io",
+    "url": "https://techboi.io/"
+  },
+  "contributors": [
+    {
+      "name": "Benedikt Rötsch",
+      "email": "benedikt@techboi.io",
+      "url": "https://twitter.com/axe312ger"
+    },
+    {
+      "name": "Stephan Schneider",
+      "email": "stephanschndr@gmail.com",
+      "url": "https://twitter.com/zcei_ger"
+    }
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/techboi/consent-manager",
+    "directory": "packages/eslint-plugin-consent-manager"
+  },
+  "homepage": "https://techboi.github.io/consent-manager/",
+  "keywords": [
+    "gdpr",
+    "ccpa",
+    "consent",
+    "consent-management",
+    "eslint"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "eslint": "^7.0.0"
+  }
+}
diff --git a/packages/integration-google-analytics/src/index.ts b/packages/integration-google-analytics/src/index.ts
index 203d9933..a6c68060 100644
--- a/packages/integration-google-analytics/src/index.ts
+++ b/packages/integration-google-analytics/src/index.ts
@@ -5,6 +5,7 @@ import {
   IntegrationConfigOptions,
   useDecision,
   useIntegration,
+  locateTracker,
 } from '@consent-manager/core'
 import React from 'react'
 
@@ -23,7 +24,24 @@ export const getGoogleAnalytics = () => {
   return window.ReactGA
 }
 
-const WrapperComponent: React.FC = () => {
+export function useGoogleAnalytics() {
+  const [isEnabled] = useDecision('google-analytics')
+  const [tracker, setTracker] = React.useState(null)
+
+  React.useEffect(() => {
+    if (isEnabled && !tracker) {
+      locateTracker('ReactGA', setTracker)
+    }
+  }, [isEnabled, setTracker, tracker])
+
+  if (!isEnabled) {
+    return null
+  }
+
+  return tracker
+}
+
+const ScriptInjector: React.FC = () => {
   const [isEnabled] = useDecision('google-analytics')
   const googleAnalyticsConfig = useIntegration('google-analytics')
 
@@ -68,7 +86,7 @@ export function googleAnalyticsIntegration(
     Icon,
     privacyPolicyUrl: `https://policies.google.com/privacy?hl=${lang}`,
     description: 'We use Google Analytics to improve your browsing experience.',
-    WrapperComponent,
+    ScriptInjector,
     options,
   }
 }
diff --git a/packages/integration-google-tag-manager/src/index.ts b/packages/integration-google-tag-manager/src/index.ts
index 37fe4894..aff0aabe 100644
--- a/packages/integration-google-tag-manager/src/index.ts
+++ b/packages/integration-google-tag-manager/src/index.ts
@@ -24,7 +24,9 @@ export const getGoogleTagManager = () => {
   return window.GTM
 }
 
-const WrapperComponent: React.FC = () => {
+export const useGoogleTagManager = () => React.useMemo(getGoogleTagManager, [])
+
+const ScriptInjector: React.FC = () => {
   const [isEnabled] = useDecision('google-tag-manager')
   const googleTagManagerConfig = useIntegration('google-tag-manager')
 
@@ -70,7 +72,7 @@ export function googleTagManagerIntegration(
     privacyPolicyUrl: `https://policies.google.com/privacy?hl=${lang}`,
     description:
       'We use Google Tag Manager to improve your browsing experience.',
-    WrapperComponent,
+    ScriptInjector,
     options,
   }
 }
diff --git a/packages/integration-hubspot/src/index.ts b/packages/integration-hubspot/src/index.ts
index b6611412..b85b803c 100644
--- a/packages/integration-hubspot/src/index.ts
+++ b/packages/integration-hubspot/src/index.ts
@@ -3,17 +3,14 @@ import {
   getForegroundColor,
   IntegrationConfig,
   IntegrationConfigOptions,
-  useDecision,
   useIntegration,
+  useScript,
 } from '@consent-manager/core'
 import React from 'react'
 
 import hubspot from 'simple-icons/icons/hubspot'
 
-let wasInitialized = false
-
-const WrapperComponent: React.FC = () => {
-  const [isEnabled] = useDecision('hubspot')
+const ScriptInjector: React.FC = () => {
   const hubspotConfig = useIntegration('hubspot')
 
   if (!hubspotConfig || !hubspotConfig.options) {
@@ -24,17 +21,8 @@ const WrapperComponent: React.FC = () => {
 
   const { hubId } = hubspotConfig.options
 
-  if (!wasInitialized && isEnabled) {
-    const script = document.createElement('script')
-    script.src = `//js.hs-scripts.com/${hubId}.js`
-    script.async = true
-    script.defer = true
-    script.type = 'text/javascript'
-    script.id = 'hs-script-loader'
-    document.body.appendChild(script)
+  useScript(`//js.hs-scripts.com/${hubId}.js`, { id: 'hs-script-loader' })
 
-    wasInitialized = true
-  }
   return null
 }
 
@@ -59,7 +47,7 @@ export function hubspotIntegration(options: hubspotConfig): IntegrationConfig {
     Icon,
     privacyPolicyUrl: `https://legal.hubspot.com/product-privacy-policy`,
     description: 'We use Hubspot to improve your browsing experience.',
-    WrapperComponent,
+    ScriptInjector,
     options,
   }
 }
diff --git a/packages/integration-linkedin/src/index.ts b/packages/integration-linkedin/src/index.ts
index fd19cbf9..3287c158 100644
--- a/packages/integration-linkedin/src/index.ts
+++ b/packages/integration-linkedin/src/index.ts
@@ -18,7 +18,7 @@ declare global {
 
 let wasInitialized = false
 
-const WrapperComponent: React.FC = () => {
+const ScriptInjector: React.FC = () => {
   const [isEnabled] = useDecision('linkedin')
   const linkedinConfig = useIntegration('linkedin')
 
@@ -70,7 +70,7 @@ export function linkedinIntegration(
     Icon,
     privacyPolicyUrl: `https://linkedin.com/legal/privacy-policy`,
     description: 'We use LinkedIn to improve your browsing experience.',
-    WrapperComponent,
+    ScriptInjector,
     options,
   }
 }
diff --git a/packages/integration-matomo/src/index.tsx b/packages/integration-matomo/src/index.tsx
index a06684bc..4ccd0024 100644
--- a/packages/integration-matomo/src/index.tsx
+++ b/packages/integration-matomo/src/index.tsx
@@ -8,7 +8,8 @@ import {
   useDecision,
   IntegrationConfigOptions,
   Tracker,
-  TrackerEvents,
+  useScript,
+  locateTracker,
 } from '@consent-manager/core'
 
 import Matomo from 'simple-icons/icons/matomo'
@@ -36,17 +37,18 @@ interface TrackedPageData {
 }
 
 interface TrackPageViewSPA {
+  matomo: unknown[]
   location: Location
   prevLocation?: Location
 }
 
-const trackPageViewSPA = ({
+export const trackPageViewSPA = ({
+  matomo,
   location,
   prevLocation,
 }: TrackPageViewSPA): TrackedPageData | null => {
-  const paq = window._paq
-  if (!paq) {
-    return null
+  if (!matomo || !location) {
+    throw new Error(`matomo object and current location are required`)
   }
   const url = location && location.pathname + location.search + location.hash
   const prevUrl =
@@ -54,68 +56,40 @@ const trackPageViewSPA = ({
     prevLocation.pathname + prevLocation.search + prevLocation.hash
   const { title } = document
 
-  prevUrl && paq.push(['setReferrerUrl', prevUrl])
-  paq.push(['setCustomUrl', url])
-  paq.push(['setDocumentTitle', title])
-  paq.push(['trackPageView'])
-  paq.push(['enableLinkTracking'])
-  paq.push(['trackAllContentImpressions'])
+  prevUrl && matomo.push(['setReferrerUrl', prevUrl])
+  matomo.push(['setCustomUrl', url])
+  matomo.push(['setDocumentTitle', title])
+  matomo.push(['trackPageView'])
+  matomo.push(['enableLinkTracking'])
+  matomo.push(['trackAllContentImpressions'])
 
   return { url, title }
 }
 
-interface MatomoTrackerEvents extends TrackerEvents {
-  trackPageViewSPA: (arg0: TrackPageViewSPA) => TrackedPageData | null
+interface MatomoTracker extends Array<Array<String>>, Tracker {}
+
+export function getMatomo() {
+  return window._paq
 }
 
-export const getMatomoTracker = (): MatomoTrackerEvents => ({
-  trackEvent: (...args: unknown[]) =>
-    window._paq && window._paq.push(['trackEvent', ...args]),
-  trackPageView: (...args: unknown[]) =>
-    window._paq && window._paq.push(['trackPageView', ...args]),
-  track: (...args: unknown[]) => window._paq && window._paq.push([...args]),
-  // @todo consider if we should have only the SPA track function and a regular track call
-  // - because we need to track on initial embedding of the script
-  trackPageViewSPA,
-})
-
-export const useMatomoTracker = ({
-  matomoURL,
-  siteID,
-  // @todo these might need to be in config, but outside of react due to route update hooks
-  enableLinkTracking = true,
-  enableHeartBeatTimer = true,
-}: MatomoTrackerConfig): Tracker => {
+export function useMatomo(): MatomoTracker | null {
   const [isEnabled] = useDecision('matomo')
+  const [tracker, setTracker] = React.useState(null)
 
-  if (!wasInitialized && isEnabled) {
-    const _paq = (window._paq = window._paq || [])
-
-    enableLinkTracking && _paq.push(['enableLinkTracking'])
-    enableHeartBeatTimer && _paq.push(['enableHeartBeatTimer'])
-    _paq.push(['setTrackerUrl', `${matomoURL}matomo.php`])
-    _paq.push(['setSiteId', siteID])
-
-    const script = document.createElement('script')
-
-    script.src = `${matomoURL}matomo.js`
-    script.async = true
+  React.useEffect(() => {
+    if (isEnabled && !tracker) {
+      locateTracker('_paq', setTracker)
+    }
+  }, [isEnabled, setTracker, tracker])
 
-    document.body.appendChild(script)
-
-    wasInitialized = true
-
-    // Track current page
-    const { location } = window
-    trackPageViewSPA({ location })
+  if (!isEnabled) {
+    return null
   }
 
-  const tracker = React.useMemo(() => getMatomoTracker(), [])
-
   return tracker
 }
 
-const WrapperComponent: React.FC = ({ children }) => {
+const ScriptInjector: React.FC = () => {
   const MatomoConfig = useIntegration('matomo')
 
   if (!MatomoConfig || !MatomoConfig.options) {
@@ -124,9 +98,27 @@ const WrapperComponent: React.FC = ({ children }) => {
     )
   }
 
-  useMatomoTracker(MatomoConfig.options)
+  const {
+    matomoURL,
+    siteID,
+    enableLinkTracking = true,
+    enableHeartBeatTimer = true,
+  }: MatomoTrackerConfig = MatomoConfig.options
+
+  useScript(`${matomoURL}matomo.js`, { id: 'red-box-ltd' })
+
+  if (!wasInitialized) {
+    const _paq = (window._paq = window._paq || [])
 
-  return <>{children}</>
+    enableLinkTracking && _paq.push(['enableLinkTracking'])
+    enableHeartBeatTimer && _paq.push(['enableHeartBeatTimer'])
+    _paq.push(['setTrackerUrl', `${matomoURL}matomo.php`])
+    _paq.push(['setSiteId', siteID])
+
+    wasInitialized = true
+  }
+
+  return null
 }
 
 interface MatomoIntegrationArgs extends MatomoTrackerConfig {}
@@ -151,15 +143,19 @@ export function matomoIntegration({
     privacyPolicyUrl: `https://matomo.org/privacy-policy/`,
     description:
       'Matomo is the leading open-source web analytics platform, used on over 1 million websites in over 190 countries, and translated into over 50 languages. Matomo is the ethical choice for those who value privacy and 100% data ownership.',
-    WrapperComponent,
+    ScriptInjector,
     options: { matomoURL, siteID },
   }
 }
 
+interface MatomoPrivacyAwareIntegrationArgs extends MatomoIntegrationArgs {
+  enabledByDefault: boolean
+}
+
 export function matomoPrivacyAwareIntegration({
   enabledByDefault = true,
   ...config
-}: MatomoIntegrationArgs): IntegrationConfig {
+}: MatomoPrivacyAwareIntegrationArgs): IntegrationConfig {
   return {
     ...matomoIntegration(config),
     enabledByDefault,
diff --git a/packages/integration-segment/src/index.ts b/packages/integration-segment/src/index.ts
index f01c2c3a..33a8a6f7 100644
--- a/packages/integration-segment/src/index.ts
+++ b/packages/integration-segment/src/index.ts
@@ -5,6 +5,7 @@ import {
   IntegrationConfigOptions,
   useDecision,
   useIntegration,
+  locateTracker,
 } from '@consent-manager/core'
 import React from 'react'
 
@@ -22,7 +23,24 @@ export const getSegment = () => {
   return window.analytics || []
 }
 
-const WrapperComponent: React.FC = () => {
+export function useSegment() {
+  const [isEnabled] = useDecision('segment')
+  const [tracker, setTracker] = React.useState(null)
+
+  React.useEffect(() => {
+    if (isEnabled && !tracker) {
+      locateTracker('analytics', setTracker)
+    }
+  }, [isEnabled, setTracker, tracker])
+
+  if (!isEnabled) {
+    return null
+  }
+
+  return tracker
+}
+
+const ScriptInjector: React.FC = () => {
   const [isEnabled] = useDecision('segment')
   const segmentConfig = useIntegration('segment')
 
@@ -119,7 +137,7 @@ export function segmentIntegration(options: SegmentConfig): IntegrationConfig {
     Icon,
     privacyPolicyUrl: `https://segment.com/legal/privacy/`,
     description: 'We use Segment to improve your browsing experience.',
-    WrapperComponent,
+    ScriptInjector,
     options,
   }
 }
diff --git a/yarn.lock b/yarn.lock
index b6b92aef..c5a138bc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7032,6 +7032,9 @@ eslint-module-utils@^2.6.0:
     debug "^2.6.9"
     pkg-dir "^2.0.0"
 
+eslint-plugin-consent-manager@./packages/eslint-plugin-consent-manager:
+  version "0.0.0"
+
 eslint-plugin-flowtype@^3.13.0:
   version "3.13.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-3.13.0.tgz#e241ebd39c0ce519345a3f074ec1ebde4cf80f2c"