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

alternative, where can i introduce javascript code in buttonizer?

Hi @irinas2211,

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 😀

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

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! 🙂

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?

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

    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

    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):

    <!-- Facebook Pixel 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>
    <!-- End Facebook Pixel Code -->

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

    1. Go to your website in Buttonizer
    2. Right click in on the button and click on 'inspect'
    3. Copy the css class of the button
    4. In this case it will be 'button-desktop-1'
    5. Add the following code to your website and change CLASSNAME into the buttonizer classname
    6. You can also change content_name in the code etc. You can view these values in your Facebook ad account
    7. 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.

    <!-- Add Pixel Events to the button's click handler -->
    <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>

    9 days later

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

    <!-- Add Pixel Events to the button's click handler -->
    <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>

      4 days later

      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 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 😉

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

      <!-- Facebook Pixel Code -->
      <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');
      <!-- Add Pixel Events to the button's click handler -->
      var button = document.getElementByClassName('is_extra bt_0 is_btzn_btn buttonizer_15555881261091');
      button.addEventListener(
      'whatsapp',
      function()
      { fbq('track', 'Lead' ); }
      ,
      false
      );
      <!-- Add Pixel Events to the button's click handler -->
      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>
      <!-- End Facebook Pixel Code -->

        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.

        3 months later
        a year later
        3 years later

        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?

          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 🙂