Pixelflow
Advanced Features

Extract Data from a Page When Using URL Triggers

If you are triggering events on your website using a URL trigger, you can also tag information on that page and send it along with the event.

Here are some examples of situations where you might do this:

  1. Order confirmation page - A user is redirected to a /thank-you page on your website and you have the order information on that page. You could trigger a purchase event on the page load and collect the user information from the order confirmation section to also send the user's name, email, phone, product, price, quantity along with the event.

  2. Form success page - A user is redirected to a /thanks-for-your-email page on your website after the send a contact form. If you show a copy of their email on the success page, you could trigger an event from the page and collect their name, email, phone etc. to send along with the contact event

  3. ViewContent events - Trigger a ViewContent event on all pages that start with yourwebsite.com/shop (ie. trigger all product pages) and send the product name and value along with the ViewContent event

How to Extract Data from Elements / Information on a Page

To extract data from a page and send it along with the event, you need to "tag" it so PixelFlow knows to collect it. There are two methods to do this:

  1. Use the Visual Tagger - open the Visual Tagger on your website, select "When a Page Loads" and tag any additional information on the page to track that anytime a page is loaded

  2. Tag the elements using classes.

Option 1: Using the Visual Tagger

  1. Open the Visual Tagger on your website from the dashboard (select "Track More Events" and select Visual Tagger)

  2. In the Visual Tagger select Tracking Something New and elect "When a Page Loads"

  3. If you want to track all pages that start with that URL (eg. all pages that start with /shop to track all product pages) edit the "URL Starts With" and enter what the URL should start with

  4. Choose the event that should trigger and press Next

  5. Choose what type of information you'll track:

    1. Select "User Details Area & Value" to track a section that will contain a customer name, email, phone number on the page

    2. Select "Single Product Area” to track a section that will contain a product ID, product name, price, quantity or total price on the page

  6. Press Save Trigger

Test Your Setup Using the Event Monitor

To validate your setup after you're finished, launch the Realtime Event Monitor to trigger an event and see what information was captured by PixelFlow

Learn more about Event Monitor

Option 2: Using CSS Classes

Read How to Track & Trigger Events Using CSS Classes for more information.

Was this helpful?