How can i add to FB events buttonizer?

irinas2211 · 2019-05-22T07:45:34+00:00

How can i add to the FB events generated by the buttonizer and then how can we do campaigns to count those events? thank you

irinas2211

no analitycs or pixel. in facebook in conversions - to can do fb conversion campaigns (optimization for conversions). the question is exactly: how to measure in facebook buttonizer events.

Jeroen

irinas2211

It's possible to track each button click as a conversion in Facebook.

Important - First load Facebook Pixel code that you want to fire on page load (example code):

 <script> fbq('track', 'ViewContent', { content_name: 'Really Fast Running Shoes', content_category: 'Apparel & Accessories > Shoes', content_ids: ['1234'], content_type: 'product', value: 0.50, currency: 'USD' }); </script> 

Then you will need to check the css class of your button first:

Go to your website in Buttonizer
Right click in on the button and click on 'inspect'
Copy the css class of the button
In this case it will be 'button-desktop-1'
Add the following code to your website and change CLASSNAME into the buttonizer classname
You can also change content_name in the code etc. You can view these values in your Facebook ad account
Important: The AddToCart is a standard event in Facebook. In the following link (https://www.facebook.com/business/help/402791146561655) you can view all the standard even options.

 <script type="text/javascript"> var button = document.getElementByClassName('CLASSNAME'); button.addEventListener( 'click', function() { fbq('track', 'AddToCart', { content_name: 'Really Fast Running Shoes', content_category: 'Apparel & Accessories > Shoes', content_ids: ['1234'], content_type: 'product', value: 4.99, currency: 'USD' }); }, false ); </script>

irinas2211

hello! i m back with a question after the last response. tell me please if it is ok this code to introduce in facebook:

<script type="text/javascript">
var button = document.getElementByClassName('is_extra bt_0 is_btzn_btn buttonizer_15555881261091');
button.addEventListener(
'click',
function()
{ fbq('track', 'Lead' ); }

,
false
);
</script>

Jeroen

irinas2211 This looks allright. I can not check if you have the correct classname. If you can send me your website url I can have a look for you.

irinas2211

Hello Jeroen. the site is: https://www.royalyork.ro/

Jeroen

irinas2211 Yes, is_btzn_btn buttonizer_15555881261091 is enough to use as classname. This is the unique ID of the button youo have selected. This should work but now you only get a conversion when someone opens the menu, as you have selected the green buttno. If you want that each button gets tracked as a conversion in Facebook you will need to add the code three times 😉

irinas2211

Hello and thank you for your help. 🙂 now i want to know if i understand correct. this code is ok?:

<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f.fbq)f.fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '305832126783287');
fbq('track', 'PageView');

var button = document.getElementByClassName('is_extra bt_0 is_btzn_btn buttonizer_15555881261091');
button.addEventListener(
'whatsapp',
function()
{ fbq('track', 'Lead' ); }
,
false
);

var button = document.getElementByClassName('is_extra bt_0 is_btzn_btn buttonizer_15555881261091');
button.addEventListener(
'fb mess',
function()
{ fbq('track', 'Lead' ); }
,
false
);

</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=305832126783287&ev=PageView&noscript=1"
/></noscript>

Jeroen

irinas2211 you only need to add the classname with all the integers. You now use multiple classnames. So you can delete is_extra_ bt_0.

nikojulius

Hi, why my CLASS ID is like this : buttonizer-closed-0-0-15 buttonizer-button buttonizer-button-0-0-10 LEAD but didn't triggered the pixel when clicked?

Jasper

Hey nikojulius ,

We recommend not to use these classes since they are auto-generated and change depending on the amount of buttons visible.

If you want to target or use a specific class, please use our Custom class feature which you can set-up in the Style tab:

Hope this helps 🙂