Integration guides for popular web frameworks with the Linkrunner Web SDK
npm install @linkrunner/web-sdk # or yarn add @linkrunner/web-sdk
import { useLinkrunner } from "@linkrunner/web-sdk/react"; export default function App() { useLinkrunner({ token: "YOUR_PROJECT_TOKEN", debug: true, // Enable debug logging in development }); return ( <div className="App"> <h1>My React App</h1> <p>Linkrunner SDK is automatically tracking page views!</p> </div> ); }
getStoreLink
import { useLinkrunner } from "@linkrunner/web-sdk/react"; export default function ProductComponent() { const { getStoreLink } = useLinkrunner({ token: "YOUR_PROJECT_TOKEN", }); const handleGetStoreLink = async () => { try { const storeLink = await getStoreLink(); if (storeLink) { window.open(storeLink, "_blank"); } // Use the store link as needed } catch (error) { console.error("Error getting store link:", error); } }; return ( <div> <h2>Product Page</h2> <button onClick={handleGetStoreLink}>Get Store Link</button> </div> ); }
import { useLinkrunner } from "@linkrunner/web-sdk/react"; import { BrowserRouter, Routes, Route } from "react-router-dom"; function App() { useLinkrunner({ token: "YOUR_PROJECT_TOKEN", }); return ( <BrowserRouter> <Routes> <Route path="/" element={<Home />} /> <Route path="/products" element={<Products />} /> <Route path="/about" element={<About />} /> </Routes> </BrowserRouter> ); }
// pages/_app.js import { useLinkrunner } from "@linkrunner/web-sdk/react"; export default function MyApp({ Component, pageProps }) { useLinkrunner({ token: "YOUR_PROJECT_TOKEN", }); return <Component {...pageProps} />; }
"use client"; import { useLinkrunner } from "@linkrunner/web-sdk/react"; export default function Home() { useLinkrunner({ token: "YOUR_TOKEN_HERE", }); return <div>Example</div>; }