The Tracking Widget provides an easy way to set up event tracking/analytics for your campaign using Google Analytics or the Facebook Pixel.
To add one of these widgets to your campaign, click the Tracking Widget icon in the Add Widgets Panel, or click and drag the icon into your preview area.
Note: Tracking Widgets are never visible in your live campaign, so feel free to place them wherever works best for the organization of your campaign.
The widget settings popup is where you'll make any needed changes to your Tracking Widget. To change the widget name, click on the pencil icon in the top-left (next to the name) then type your new name.
You will also see the CSS ID (starting with a #) of your new widget listed in the top-right corner of the popup.
You'll want to move through each item in the menu on the left side to make sure you've completely customized the Tracking Widget in the way you'd like. You can navigate through these sections using the Back and Next buttons at the bottom.
When you're finished making changes to your widget, click the blue Save and Exit button.
Note: Google Tag Manager (GTM) is not something you would set up using the Tracking Widget; to add GTM code to your campaign, add a new Code Widget and place the GTM code there.
In the Platform section, you'll choose which tracking platform you'd like to use. Click on the designated radio button to choose between Google Analytics (what Google now calls Universal Analytics), Google Analytics 4, or the Facebook Pixel.
Depending on which platform you've selected, you'll add different information into the Setup section. If you chose Google Analytics, you'll be prompted to add the Google Analytics UA code using the field provided.
Choosing Google Analytics 4, there will be a designated field for adding your Google Analytics Measurement ID:
If you've chosen Facebook, you'll instead be prompted to add the Facebook Pixel ID.
Further configure your trackers in the Events section. For Google Analytics, you have a wide option of events to track, including Page View, Form Submit, Click, Share, Video Start, and Video End. Click the checkbox at the left for each event you want to track.
Use the Category, Action, and Label fields to further customize the data you're feeding into Google Analytics from your campaign.
There are a number of variables that can be added to your fields; they need to be surrounded by double curly braces, as shown above. The variables are:
- campaign.name - Best used in Category for any event.
- widget.name, widget.title - Best used in Label for any event.
- entry.id, entry.title - Best used in Label for Form Submit.
- clicked - Inserts clicked URL or action. Best used in Label for Click.
- platform - Inserts clicked share platform (Twitter, Facebook, etc.). Best used in Label for Share.
- shared - Inserts shared URL. Best used in Label for Share.
- played - Inserts video URL. Best used in Label for Video events.
Note: Only Page View and Form Submit are available on the Free Trial and Business Plan. Other events are only available on the Agency Plan or higher.
If you are using Google Analytics 4 - your setup is super easy, because there isn't any! ShortStack and GA4 automatically track a number of events for you; these are listed for you here.
Currently, for the Facebook Pixel, the widget is only able to track two types of events: Page Views and Form submissions - with more events to be added in the future. Click the checkbox next to the event type to activate tracking on that specific event.
To change the label for Form submissions for the Facebook Pixel (Page Views will always be "Page View" by default) click on "Lead"; you'll see a dropdown that appears with the preset label options "Lead" or "CompleteRegistration".
Visibility works slightly differently for Tracking Widgets. Since they are invisible on live campaigns by default, the options are to have the widget normal (active) or inactive. If you set a date or country-specific settings, those settings will determine when/where the Tracking Widget is active. More information about these settings can be found in the Widget Visibility help doc.