README
@adhawk/adwords-phone-tag
This package offers a simple way to install the plumbing for Adwords call tracking. No more fussing about with hacky, one-off install scripts to make call tracking work.
Usage
For all phone numbers on a page that you would like tracked, structure your
HTML with the relevant phone-number--link
and phone-number--text
classes,
like so:
<a href="tel:1-800-REAL" class="phone-number--link">
<span class="phone-number--text">
<span>1-800-REAL</span>
</span>
</a>
First, make sure to include gtag
:
<!-- Global site tag (gtag.js) - Google Ads: AW-CONVERSION_ID -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-CONVERSION_ID">
Now, in a JavaScript file, install the tracking using this package:
import * as AdwordsPhoneTag from "@adhawk/adwords-phone-tag";
const conversionId = "AW-111111111"; // replace with your own conversion id
const conversionLabel = "xxxxxx--xxxxxxxxxxx"; // replace with your own conversion label
AdwordsPhoneTag.install(conversionId, conversionLabel);
Now, when a visitor comes from an AdWords campaign, the phone number will be replaced so conversions will be properly tracked.