You can fire a Dynamic Event when a key action is completed on your site. This can be a click on a link, on a button or any other element, page scroll up to a percent, or on mouse over a page element.
Create a Dynamic Event
Open the Events tab and give your new event a name for internal use.
Select event trigger:
The next step is to select the trigger for your dynamic event. There are 4 trigger types you can use.
1. On URL click
The event will fire every time the link is clicked. This trigger works with HTML links. If you add a * at the end of the string, every URL that starts with the string will fire the event.
You can use internal or external links, so this type of events can easily be used for affiliate sites.
Let’s say you want to promote a product from Amazon, and the product URL is http://www.amazon.com/your-affiliate-product. You can fire a pixel event every time someone clicks on your HTML link to your product by using the exact URL.
However, if you want to fire an event every time a link to Amazon is clicked, you will use http://www.amazon*.
2. Click on CSS selector
This is the most complex and also the most flexible trigger. You can fire events on most forms and popup button clicks – newsletter signups, contact forms, internal or external links and so on.
The first thing you want to do is to identify the CSS. This can be done easily by using your browser’s Developer Tools (Control+Shift+i, click on the arrow in the left top corner and click on the element you want to target). We have a dedicated help section about how to use the CSS Selector here
Once you found the CSS Selector, add it in the field.
3. Mouse over a CSS selector
This trigger works in the same way as the “Click on CSS selector”, but it will fire when the mouse is moved over the selected element, not when a click is performed.
This is an event that will trigger when the mouse is moved over our pricing table:
Important: this trigger won’t work on mobile phones since there is no mouse present there.
4. On Scroll to position
You can fire a pixel event when the user scrolls the page down to a predefined percent. We successfully use this type of event to capture users with a bigger interest in our site content.
Add the page percent that will trigger the event in the dedicated field.
For each event, you can add multiple triggers. Multiple triggers will use OR logic, so the event will fire when at least once trigger is present.
If you add URL filters for your event, it will fire ONLY when the URL condition is met. Let’s say that you have the same button on various pages of your site, but you want to fire the event only when a button from a specific page is clicked. You can use the URL Filter to achieve this result: add the CSS Selector and as URL Filter use the exact page where you want this event to fire.
You can add multiple filters. In this case, the event will fire on each page.
Define the event
Select the event type. You can use one of the default Facebook standard events, or you can create your own custom event.
IMPORTANT: You can’t use custom events to optimize your ads directly. You will need to create a Custom Conversion based on them first. If you use one of the standard events, they will be automatically available for ads optimization.
Each event can have any number of parameters. Parameters can be used when you create a Custom Audience and some parameters are used for your ads reports (value).
The standard events come with a set of parameters. Only Purchase Event value is mandatory, the rest are optional. You can add your own parameters for every event type if you need to.
Automatically fill up event’s parameters
If you use the Super-Pack, you can automatically use key data as your event’s parameters:
- [id] – it will pull the WordPress post ID
- [title] – it will pull the content title
- [content_type] – it will pull the post type (post, product, page and so on)
- [categories] – it will pull the content categories
- [tags] – it will pull the content tags
Once you have your event configured, click the Add Event button.