How to fire EVENTS with PixelYourSite - Facebook, Google Analytics, Google Ads, Pinterest, Bing

in this video i want to explain how to fire events with pixel your site if you do facebook ads or google ads or painter stats anything you know how important events are and i'm not talking about a nice party with all your friends i'm talking a small piece of code that you send to facebook or google telling you that something important happens on your website this is an event and once you fire that event you can use it in various ways for example on facebook you can create custom conversions and uh measure your ad results or optimize your average other results or custom audiences and target those audiences with your ads or exclude those audiences when you create ads on google analytics you can create goals or conversions so you can measure that particular activity on your website on google ads you can create audiences or conversions on pinterest you can create audiences so events are something that you definitely must use now pixel your site automatically fires a number of events but it's also possible that you want to fire your own events tracking a particular action that we don't track by default how can you do this is very simple i will show you each and every step but before you do you start to create your own events your pixel site i think you should go to your website first perform the desired action that you want to track with an event and check if there is an event already if there is one fire for that action check the event parameters because they might help you to identify that action and create custom odysseus custom conversion and and so on from that event that we fired automatically so maybe there is no need to uh bother with a new event but if you really need to fire your own event it's really simple and let's see what you need to do okay so uh this is pixel side professional i'm using pixels professional so i have all the available triggers for events and i also have something called the super pac which enables me to track some dynamic values as parameters if you have a pcr site free the free version of our plugin you will have a fewer triggers available but the events page is right here click on this link and i will use um facebook events as an example because are easier to explain and to show using pixel helper but the things are similar for google or for pinterest or for bing and i will try to fire various events tracking different actions on this demo website okay let's start by adding a new event okay you should give this event a name and the name should is visible only to you so just something descriptive for me it will be page url contains because this is the trigger that i will use for this event so when you create the event you have various triggers right here page visit click on ml links click on css selector mouse always use the selector paste scroll and post type i will explain every single type of trigger and i will show you how it works how they work and what you need to do okay so let's say i want to file an event on this particular page which is this url right here i will use url contains actually no i will use url match meaning that uh the event will fire when the url has is the this exact url so not an event another url containing some keywords but this exact url and let's change the name of the event here because it makes more sense to call it like this now i can use a delay in seconds so if i want to the event to fire after number of seconds i can simply let's say add five seconds here i have this option to fire this event only once in 24 hours meaning that if the same person uh for for some reason fire the same event in this case refreshes or revisits the the same page the same url the event will not fire but i will not enable this object actually you should enable this option if you want to use that event as a conversion because it will avoid duplications okay i can add another url but i don't need to do it and now i have a trigger ready what i want to do is um configure the event i can send this event to facebook to google analytics to google ads to interest and i don't have the bingo installed here but i can also send it to bing i will send it to facebook and you have a list with facebook standard events or you can create a custom event i will create a custom event and i will use the same name as here now i can also add parameters but i don't want to do this right now so let's see how it works if we have this event fired i don't have such an event here if i refresh the page it is that's my um new event fire on this url only because if i go on a different page of the website i won't have it okay it's not here now the event already has a number of parameters that a pixel side add automatically adds to each event so which you have page title user role event url event time which is the visitor's browser's time plug-in event day landing page which was it tracks my landing page the page that i landed the first time when i visited the website a post type post id month and traffic source in my case direct okay if i want to add more i can add more parameters now uh let's fire a new event this time we will have an event for every page of the website how can i do this very very easy i use um let's call this event all pages i use url contains instead of url match and i will add this keyword which is basically the website's name again i will enable this event on facebook i will select custom event and let's give this name okay let's use a delay this time like three seconds and fire this event only once in 24 hours so um just to see how it works now i will see this event on every page of the website because the keyword is it's present on every url let's say i go here on shop and let's wait a bit now the event is fired so i had to wait a few seconds because there was a delay but after that the event was fired as configured if i visit or if i simply refresh the page i will not have the event again because it's not supposed to fire for me multiple times in 24 hours and in fact the event doesn't work you can see it here but no information is set to facebook at all so the code is still present on the page but it doesn't really work it doesn't send any information to facebook okay let's do something else let's fire an event when i click on this link right here how can i do this i copy the url the link address and i will use it as a trigger for a new event i select this trigger and and paste the url the link configure the event for facebook let's use this name right here and that will be it okay now i refrain the page now here it is easily i have an event for when i click on this link now let's fire an event when i click on this button in this case i need to use a css selector and how can i see the css selectors for this element i can simply go to inspect and here you can see what classes or ids this element has these are the classes that this button has i can use them but it's possible that another button will have similar classes so what i want to do i want to add a specific id or class just to this button this is an extra step you don't really need it most cases but i will just show you how you can do it it depends how this this button is implemented in my case it's just a simple elementor button so i will edit this page with elementor again it might vary depending on how your web page is created but almost any any editor has this capability to add classes or ids okay so i can add a button id right here i'm okay this will be my id update and now when i refresh the page and i inspect the element again i should see okay i should see the id that i just added so i can use this id as my event trigger okay she has a selector for ids i have to add this in front and this is it custom event this will be the name and now save and we should have the event fired on that button okay let's see if it works it does so this is the event that i just created now a similar thing you can do for forms you can simply identify the forms button classes or ids and fire an event let's do this let's do this again i will add an id using elementor oh i already have an id here okay no need to add a new one so the processes is absolutely identical um enable on facebook and save refresh the page and now if i send this form i have an event fire which is this one right here very easy right now let's fire an event when i move my mouse over this image right here uh how can i do it again i will use a dedicated trigger and some classes or ids that this image has if it doesn't again i can use the default classes or events or ids or i can add mine i prefer to add mine it's always a better idea because you are 100 sure that only that element is tracked not something else with similar classes or ids i hope it's easy to add one i think yes okay save my new event mouse over save and refresh now when i move my mouse i should have an event right here and yes i do so it was very easy okay i also have another two triggers if i'm not wrong maybe one let's see so i had this okay two more triggers page scroll let's say fifty percent so um this this is the percent uh that i have to scroll to trigger the event i can save for this event on this url only you know right here on this url only but in my case i want to file the event on every page of the website again custom event scroll 50 save now let's see i refresh the page let's see if if the scroll event fires when i scroll the page yes it does very simple and the last trigger i want to show you is post type basically i can fire this event when a particular wordpress post type is visited so it can be a post it can be a page it can be a product it can be a download it can be any custom post type that you have let's see what post types i have on this website post type a lot of post types let's let's fire this event on pages okay pages very easy and page custom post type page this is a page so it should fire the event if i refresh it and it does but if i go on a product for example a product should not fire the event because it's a different post type so that event should not be here and it isn't okay it's not here so it works as it should so now i have all these events all of them are sent to facebook only i can send them to other tags if i have them installed let's just open an event if i want to send this event to google i can simply enable google and configure the event in the same way i can add parameters if i want i can send the event to google ads for google ads you can transform this event into a conversion when you create a conversion on google ads they give you something called conversion label you just add that label here and the event will become a conversion so this is how you can create uh custom conversions on um for google ads with pixel your site configure the event target the the action that you want to track as a conversion and add the label right here once you do so google ads will know that this is a conversion and you will see them reported for your ads so this is how you can fire events with pixel your site it's very easy use the appropriate trigger track the action configure the event and once you send it to facebook google pinterest you can use that event as you wish if it's a standard event for facebook you can use it directly to optimize your ads for example if it's a custom event which basically means a name that is not on the standard event list for facebook you need to create a custom conversion first before you can use that event for ads optimization as an ad objective we also need to add the event or the custom conversion on under aggregated event measurement so that's an extra step so this is it this is how you can fire events using pixel your site

Channel: PixelYourSite

Views: 22,597

Keywords:

Id: kEp5BDg7dP0

Length: 22min 29sec (1349 seconds)

Published: Tue Sep 21 2021