In this article, we'll cover how to set up a Flowcode Pixel on your website. In three steps, you can begin to measure the actions a person takes on your website after they scan your Flowcode. Let's get started.
Note: The Flowcode Pixel is currently only available for Growth and Enterprise customers. If you are interested in learning about Enterprise plans, and how the Flowcode Pixel can help your business, please get in touch here.
Step 1: Generate your Flowcode Pixel and Conversion Action
Create a Flowcode Pixel with a defined conversion action to track the behavior on your website and measure funnel activity of people who scan your Flowcode QR codes. You can generate your Flowcode Pixel with a defined conversion action in a few simple steps:
1. Navigate to the Analytics tab of the Flowcode platform visible on the left side navigation bar in your account.
2. Select the Pixel Management tile, then select the Get Started button.
3. Enter your website domain in the provided box. When you enter your domain, don’t forget to include “https://www”. Ensure that this is the domain you are driving traffic to from your Flowcodes!
4. Click Next, and you will be prompted to select a Match Type and Website Path.
Under Match Type, you can select between ‘Contains’ or ‘Equals’ to define the exact site path upon which you’d like to track conversions. If you only want to target one specific path, use ‘Equals’. If you would like to target several pages containing that URL structure, use ‘Contains’.
For Website Path, enter the page on your website that you want to track conversions on. This could be a pricing page, a check-out page, a product page, and more. Ensure you copy the exact URL structure of your website (ex: /thank-you).
In the example below, the Website Path was set up as /thank_you . Because the only page on the company's website that includes /thank_you in its URL is the order confirmation page, the only possible way a customer would get here would be to complete a purchase. Hence why making your Website Path a URL specific to order confirmation or your desired conversion action is important.
6. Once you click Submit, a snippet of code will be generated for you to install on your website. It will include the Pixel linked to your defined conversion action. Use the Copy or Download button to grab the snippet and begin the Pixel Installation process.
Note: If you do not have access to Google Tag Manager or your website domain, you can also email the code snippet and instructions to an IT resource to complete the installation step.
Step 2: Installing a Flowcode Pixel on your website via Google Tag Manager
The simplest way to install a Flowcode Pixel on your website is to add it via Google Tag Manager. If you have access to your account, you can complete this step yourself. If not, this is usually something your IT team can assist you with.
Log in to your Google Tag Manager account.
Select your website's container in the navigation and click Add a new tag.
Click Custom HTML Tag and enter a name for your tag.
This will generate an HTML snippet. Copy and paste the Flowcode Pixel HTML tag into the Google Tag Manager HTML container.
Click the Triggering Field button to open, and select the Trigger Type of Page View.
Under Fire On selector, click All Pages.
Click Create Tag.
On your main dashboard, push change by clicking Submit.
Here, you’ll see a Workspace Change logged on your Overview Dashboard. This is indicative of successful installation.
To further test the functionality of your Pixel, scan the Flowcode associated with your website and complete the conversion on the path you defined during setup.
Head back to the Conversion Analytics Dashboard by returning to app.flowcode.com/analytics to view the scan, pageview, and conversion logged in your dashboard.
Step 3: Navigating the Conversion Analytics Dashboard
Once you have successfully created and installed your Flowcode Pixel, you’ll be able to track behavior on your site from Flowcode traffic sources, such as your Flowcode and Flowpage campaigns. Here’s an overview of what you’ll be able to see on your dashboard:
Summary section: These high level statistics show you the overall activity across all your Flowcode campaigns over time.
Conversions chart: This chart visualizes the number of visitors and conversions on your website generated from Flowcode sources over a specified period of time.
Conversions by code table: This table highlights the same overall statistics as the Summary section, but segments these data points by specific Flowcodes to help you analyze exact traffic sources or campaigns are performing best.
Each line item is a unique conversion pathway with a unique entry point of your Flowcode, allowing you to see how visitors who come from different Flowcode campaigns move through your site to further optimize your marketing efforts.
New 🎉 — View top paths: Navigate through every customer interaction on your site with efficiency. From page views to conversions, get a full funnel view of your user's journey.
For additional specificity, you can Filter by Code, Date, and Folders to find the exact data you want:
By Code: Select the dropdown near the top of the dashboard to select one or more specific codes you would like to view your analytics for. You can scroll to search or enter your code name, and select as many Flowcodes as you would like with the checkbox.
By Date: In the top right corner, you can use the Date dropdown to select All time data, Today’s data, lookback data from the last 7/30/90/365 days, or a selected date range.
New 🎉 — Folder, tag, and team management: Segment and view data by specific folders, tags, or teams. The filters that you create make it easier to manage and report on various campaigns or client activities within a single account.
To save or share your data, you can select Export and download your selected dashboard insights as a CSV or PDF file.
For information on managing your Pixel, read here.