Framework Guides

LinkBridge can be integrated into almost any front-end or CMS framework. Click a card below to jump to detailed instructions for your platform.

⚠️ Note:

Instructions may vary depending on the platform version, theme, or other configurations. Always double-check your environment before adding scripts.

React / Next.js

Vue / Nuxt

Angular

Svelte

WordPress / PHP

Plain JavaScript

Shopify

Magento

WooCommerce

Drupal

Wix

Ghost

Remember:

when ever you refres the script in any framework or system you need to point on the url and passing the correct data-website-id="xxx" data-website="xxx" provided on the installation proccess.

React / Next.js

Install the script by adding it to public/index.html (React),
pages/_document.js (Next.js/pages router) or
app/layout.js for the (Next.js/app router).
Example for Next.js (_document.js):

import { Html, Head, Main, NextScript } from 'next/document';

export default function Document() {
  return (
    <Html>
      <Head>
        <script src="https://app.linkbridge.click/tracker.js" async></script>
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  )
}

Vue / Nuxt

For Vue, include the script in public/index.html inside the <head> tag.
For Nuxt, add it to nuxt.config.js under the head.script array:

export default {
  head: {
    script: [
      { src: 'https://app.linkbridge.click/tracker.js', async: true }
    ]
  }
}

Angular

Add the script to angular.json under projects → architect → build → options → scripts:

"scripts": [
  "https://app.linkbridge.click/tracker.js"
]

Svelte

Include the script in public/index.html inside the <head> tag.

<script src="https://app.linkbridge.click/tracker.js" async></script>

WordPress / PHP

Paste the script into your theme’s header.php before the </head> tag.
Alternatively, use a plugin that allows adding custom scripts to the header.

<script src="https://app.linkbridge.click/tracker.js" async></script>

Plain JavaScript / HTML

Add the script directly inside the <head> tag of your HTML pages:

<script src="https://app.linkbridge.click/tracker.js" async></script>

Shopify

Go to Online Store → Themes → Edit Code → theme.liquid.
Paste the script before the </head> tag.

WooCommerce / Magento / Other CMS

Insert the script in your theme’s <head> section or via a custom JS/plugin setting.
Ensure the script loads on all pages you want to track.

Drupal

Go to your theme’s html.html.twig file.
Add the script inside the <head> tag:

<script src="https://app.linkbridge.click/tracker.js" async></script>

Ghost

Go to the Ghost admin panel → Settings → Code Injection → Header.
Paste the script into the Header section so it loads on all pages.

<script src="https://app.linkbridge.click/tracker.js" async></script>

Magento

Login to the Admin Panel → Content → Design → Configuration.
Select the store view and go to HTML Head.
Add the script to Scripts and Style Sheets section.

<script src="https://app.linkbridge.click/tracker.js" async></script>

Wix

Go to Wix Editor → Settings → Tracking & Analytics.
Click “+ New Tool” → Custom → add your script.
Set the script to load on all pages and place it in the Header section.

<script src="https://app.linkbridge.click/tracker.js" async></script>

Getting Started

Core Concepts