Call Tracking

30-60 minIntermediate

Implement dynamic number insertion (DNI) using call tracking scripts (CallRail, etc.).

Prerequisites

  • Call tracking snippet
Beginner Recommended

Script Injection

Using next/script.

1

Add Script

1

Use next/script to load the 3rd party DNI script.

2

Usually requires strategy="afterInteractive".

Example
<Script 
  src="//cdn.callrail.com/companies/123/123/12/callrail.js"
  strategy="afterInteractive" 
/>
2

Target Element

1

Ensure your phone number is wrapped in an element with a specific ID or class if required by the provider.

Example
<span id="phone-number">555-0123</span>

Verification Checklist

  • Visit the site via a tracking link (e.g., Google Ads gclid) and verify the number swaps.