import { jsx, jsxs, Fragment } from "react/jsx-runtime";
import { F as FeatureHighlights, h as Phone, T as TrendingUp, L as Link, K as KeyPointsList } from "./index.js";
import "react";
import { I as InfoCard } from "./index2.js";
function _createMdxContent(props) {
  const _components = {
    p: "p",
    ...props.components
  };
  return jsxs(Fragment, {
    children: [jsx(FeatureHighlights, {
      cardTitle: "Why Call Tracking Matters",
      cardDescription: "If your business receives inbound phone calls, a significant share of your conversions may be invisible to your dashboard. Call tracking closes that gap by treating phone calls as measurable conversion events — just like a form submission or a purchase.",
      cardIcon: Phone,
      columns: 3,
      highlights: [{
        icon: Phone,
        title: "Calls Are Conversions",
        description: "A customer calling your business is often the most valuable action they can take. Without call tracking, that conversion goes unrecorded."
      }, {
        icon: TrendingUp,
        title: "Attribution Without It Is Incomplete",
        description: "Campaigns that drive calls will look like they have low ROAS. Call tracking surfaces the revenue and leads those campaigns are actually generating."
      }, {
        icon: Link,
        title: "Connects Calls to Campaigns",
        description: "Call tracking ties each inbound call back to the specific ad, keyword, or channel that brought that caller to you."
      }]
    }), "\n", jsx(InfoCard, {
      title: "How Dynamic Number Insertion Works",
      description: "The technique that makes source-level call attribution possible",
      icon: Phone,
      variant: "highlighted",
      children: jsxs("div", {
        className: "space-y-3 text-sm",
        children: [jsx("p", {
          className: "text-muted-foreground",
          children: jsx(_components.p, {
            children: "Dynamic Number Insertion (DNI) is the core technology behind source-level call tracking. Instead of displaying a single static phone number on your website, DNI uses a JavaScript snippet to automatically swap the phone number a visitor sees based on how they arrived at your site."
          })
        }), jsx("p", {
          className: "text-muted-foreground",
          children: jsx(_components.p, {
            children: "Each marketing source — Google Ads, a specific campaign, organic search, a social referral — gets assigned its own tracking number from a pool. When a visitor lands on your site, the snippet detects their source and replaces the phone number on the page with the tracking number assigned to that source. When the visitor calls, the provider knows exactly where they came from."
          })
        }), jsx("p", {
          className: "text-muted-foreground",
          children: jsx(_components.p, {
            children: "After the call ends, the provider sends the call details — phone number, duration, source, campaign, and keyword — to your attribution system. From there it is recorded as a conversion and attributed to the right marketing channel."
          })
        })]
      })
    }), "\n", jsx(InfoCard, {
      title: "Your Three Options",
      description: "Google's native solution and two third-party call tracking platforms are currently supported. If you use another call tracking provider, please contact support.",
      icon: Phone,
      variant: "highlighted",
      items: [{
        title: "Google's Native Call Reporting",
        description: "Google Ads provides its own call tracking through Google Forwarding Numbers — phone numbers Google supplies that temporarily replace your number in your ads and on your website. When a caller dials the forwarding number, Google records the call as a conversion and routes it to your real number. This is built directly into Google Ads and requires no third-party subscription. However, it only tracks calls that originate from Google Ads and does not track calls from other sources like Meta ads, organic search, or direct traffic."
      }, {
        title: "CallRail",
        description: "CallRail is a dedicated call tracking platform that supports DNI across all traffic sources — not just Google. It assigns a pool of tracking numbers to your website and uses a lightweight JavaScript snippet to swap numbers based on the visitor's source. Each call is logged with the source, medium, campaign, keyword, landing page, and caller details. CallRail also integrates natively with Google Ads, allowing it to pass call conversions directly into your Google Ads account for bidding and optimization."
      }, {
        title: "Call Tracking Metrics (CTM)",
        description: "Call Tracking Metrics is a similar platform to CallRail with DNI, multi-source attribution, and Google Ads integration. CTM focuses on businesses that need detailed call routing and call center features alongside attribution, and is popular in agencies managing multiple clients. Like CallRail, it tracks calls from any source and can pass conversion data into Google Ads."
      }]
    }), "\n", jsx(InfoCard, {
      title: "How These Integrate With Your Dashboard",
      description: "How call data flows from CallRail and CTM into Measure",
      icon: Link,
      variant: "highlighted",
      children: jsxs("div", {
        className: "space-y-3 text-sm",
        children: [jsx("p", {
          className: "text-muted-foreground",
          children: jsx(_components.p, {
            children: "Google's native call reporting connects automatically when you link your Google Ads account — no additional setup is needed."
          })
        }), jsx("p", {
          className: "text-muted-foreground",
          children: jsx(_components.p, {
            children: "For CallRail and CTM, the integration works through a webhook. When a call ends, CallRail or CTM sends the call details — including the source, campaign, keyword, and caller information — to a Reach-provided endpoint. Reach validates the request, records the call as a conversion event, and attributes it to the appropriate campaign in your dashboard."
          })
        }), jsx("p", {
          className: "text-muted-foreground",
          children: jsx(_components.p, {
            children: "You will also need to configure your Google Ads account to send call data to your chosen provider. This is a one-time setting in Google Ads under Account Settings → Call Reporting, where you select CallRail or CTM as your call analytics provider. This allows call conversion data to flow back into your Google Ads campaigns for optimization."
          })
        }), jsx("p", {
          className: "text-muted-foreground",
          children: jsx(_components.p, {
            children: "To set up either integration, open your dashboard settings and look for the CallRail or CTM option under Quick Links & Integrations."
          })
        })]
      })
    }), "\n", jsx(KeyPointsList, {
      title: "Key things to know",
      points: [{
        text: "Google's native solution only tracks calls from Google Ads. If you run Meta ads or care about organic and direct call attribution, you need CallRail or CTM."
      }, {
        text: "DNI requires a JavaScript snippet on your website in addition to the webhook integration. Your call tracking provider will give you this snippet separately from the Reach setup."
      }, {
        text: "Call tracking numbers are temporary tracking numbers — they forward to your real number. Callers will always reach you; the tracking happens transparently in the background."
      }, {
        text: "You do not need to use all three options. Most businesses pick one: Google native if they only run Google Ads, or CallRail or CTM if they run ads across multiple platforms."
      }],
      variant: "highlighted"
    })]
  });
}
function MDXContent(props = {}) {
  const { wrapper: MDXLayout } = props.components || {};
  return MDXLayout ? jsx(MDXLayout, {
    ...props,
    children: jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}
export {
  MDXContent as default
};
