CTA Tracking
In order to be able to track CTAs, you need to add the js-ph-cta
class to your CTA buttons or links.
<a class="cta js-ph-cta">Sign Up</a>
For every CTA, the following events are tracked:
Page view — a page with the CTA button has been loaded by the user
View — the user has seen the CTA (the CTA was displayed in the viewport)
Click — the user has clicked the CTA
By default the CTAs are identified by a combination of a page URL and their label (inner text, or the value of the data-cta-label
attribute). You can also add a data-cta-id
to set an unique identifier, so you'd be able to track a CTA across multiple pages on your website.
<a class="cta js-ph-cta" data-cta-id="header-signup" data-cta-label="Sign Up (Header)">
Sign Up
</a>