Spindl
  • 👋Overview
    • Introduction
    • Attribution
    • Privacy
  • Your Spindl app setup
    • Managing team members
  • 🪄Features
    • 📈Onchain Attribution
      • 📉Plotting attribution
    • 📊Web3-native Analytics
      • Chart Builder
      • Event Selection and Filtering
      • Line Chart
      • Funnel
      • Cohort Retention
      • Sankey Diagram
      • Big Numbers
      • Pies and Donuts
    • 🧍‍♂️Audiences
      • Creating an audience
    • 🔗Short Links
      • 🖇️Custom Domains
    • 🤝Referrals
      • Management and reporting
      • ⏩Quick Start
      • ⛓️Technical Details
  • ⚙️Techncial
    • ⏩Start Here
    • Google GTM Guide
    • Javascript SDK / HTML Script Guide
      • ➡️Install
      • ➡️Wallet Connects
      • ➡️Page Views
      • ➡️Custom Events
      • ✅Verify That Events Are Sent Correctly
      • React, Next.js & Html Examples
      • Setup a Reverse Proxy
        • Using Next.js
        • Using Cloudflare Workers
        • Netlify
      • ➡️Referrals
      • Default vs Lite SDK Versions
      • Security
    • API
      • ➡️Short Links
      • ➡️Custom Events API
      • Data Exports
    • Android SDK
    • iOS (Swift) SDK
    • On-Chain
      • ➡️Rewards
  • Contact Spindl
  • Ads
    • ⏩Start Here
    • 📢Creative Specifications
      • Web Banner Ads
      • Discord Embeds
Powered by GitBook
On this page
  • Add netlify.toml file
  • Configure Spindl SDK with the proxy
  1. Techncial
  2. Javascript SDK / HTML Script Guide
  3. Setup a Reverse Proxy

Netlify

PreviousUsing Cloudflare WorkersNextReferrals

Last updated 1 year ago

Please use at least version 1.6.0 of @spindl-xyz/attribution or @spindl-xyz/attribution-lite for this feature.

If you're using Netlify hosting service, they provide easy that can be used as a reverse proxy as well.

Add netlify.toml file

[[redirects]]
  from = "/ingest/*"
  to = "https://spindl.link/:splat"
  host = "spindl.link"
  status = 200
  force = true

Configure Spindl SDK with the proxy

Once that is done, add host to spindl configure object with the proxy host url

spindl.configure({
  sdkKey: "<your SDK API key here>",
  host: "https://your-host-url.com/ingest"
});

Once completed, deploy the changes to Netlify and ensure the Spindl events are being sent via the /ingest endpoint by checking the network tab of your browser

You can use the window.location.origin as part of host url but in SSR contexts like Next.js you may need to check if window is defined first

if (typeof window !== "undefined") {
  spindl.configure({
    sdkKey: process.env.NEXT_PUBLIC_SPINDL_SDK_KEY as string,
    host: `${window.location.origin}/ingest`,
  });
}
⚙️
redirects