How can i add to FB events buttonizer?

irinas2211

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

alternative, where can i introduce javascript code in buttonizer?

Jasper

Is this a question regarding tracking button clicks with Buttonizer? At this moment it is possible to use custom javascript in our premium version of the plugin.

We'd like to know what kind of event you mean with 'Facebook events' to help you further 😀

irinas2211

hello and thank you for you fast answer 🙂

it's about counting conversions from facebook through buttonizer. if I can enter a javascript code or something from buttonizer in Facebook

Jasper

Hi @irinas2211, no problem 🙂

If you are talking about the Facebook pixel to track if someone clicked your event on Facebook, you can use another plugin to add the pixel to your website. We suggest the Headers and Footer plugin.

It is not yet possible to add this via Buttonizer. But we will make sure to check if we can make that easier in the future! 🙂

irinas2211

so, is not possible to contorize in facebook what happen on buttonizer? to measure the conversions from buttonizer in facebook?

and to introduce code javascript is it possible just with premium version?

Jasper

irinas2211 Like Google Analytics? Are you talking about Facebook Analytics instead of the pixel?

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

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.

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 🙂