Webcake Help Center
English
Search…
⌃K
Links

2. Facebook Pixel conversion code

Instructions for inserting Facebook Pixel on Landing Page

Facebook Pixel is a piece of JavaScript that Facebook supplies to advertisers. When you insert this snippet into your website or Landing Page, Facebook assists with tracking, measuring, and optimization, and creating audience files for your ad campaigns. This helps you get the most out of traffic to your Landing Page through your other communications activities.
Steps to install Facebook Pixel
  • Base Pixel code settings
  • Registration form completion event tracking settings
  • Click event tracking settings
  • Check out Pixel performance
  • Add monetary value to the event
  • Follow up settings for another thank you page

Base Pixel code settings

First of all, you need to generate a Pixel code for your advertising account by following the steps below:
Step 1: Access the Ads Manager:
Step 2: Click the Home -> Event Manager
Step 3: Click Connect Data Sources -> Web
Step 4: In the dialog box, select Manually install code.
Step 5: The Pixel Code Settings dialog box pops up, select Continue and do not need to follow the steps that facebook instructs in the dialog box
Step 7: Now that the Pixel creation is complete, you find your pixel ID code and copy:
Step 8: Go back to the Landing Page design page builder, go to Full Page Setup -> Conversion Code -> Facebook Pixel ID and paste the pixel ID you just copied into the Facebook Pixel ID box:
You have now completed setting up the base pixel code. With the base code installed, Landing Page built the following standard codes to track and return the following data to Pixel:
  • Page view
  • View content
  • Time on page

Registration form completion event tracking settings

In most cases the sign-up event will be the most important one you need to track, the form filling action leaves information showing the landing page's conversion rate, and these conversions when recorded. receiving on Pixel will help you optimize your next ad activities.
When the customer fills in the registration form, you will define yourself as the action that means Complete Registration, or a Purchase, or Lead, depending on the nature of the form content and your advertising optimization purpose.
The three events listed above are one of the standard Facebook Pixel events for the sales and e-commerce industry (a list of standard events can be found in Step 7 in the Base Pixel Code Settings section)
And on the Landing Page tool, we have installed these standard event codes in the registration form settings, you just have to choose the right code from the list and you're done, no need to install any additional code.
In the Conversion event codes section, choose from the list of event codes you want to log. Just select, don't need to add any code because Landing Page has pre-installed code:
You have now installed the conversion event tracking in the form. You need to publish the Landing Page to save this change. Then open the page, fill out the form and check out Pixel activity on the Facebook Pixel Helper installed above.

Click event tracking settings

In addition to the standard event codes, if you want to track buttons or clicks somewhere on the page then you need to use custom event codes.
Normally to create custom events you need to create a code according to the instructions of Facebook. However, on the Landing Page Builder, we have built-in custom formulas, you just need to identify the button with a name, the system will automatically generate that code and return the results to Pixel.
For example, you want to track click behavior on the Order button:
  • Select the button and in settings select Events section.
  • Select Click event measurement.
  • Give the button a name in Event Name.
So you have successfully installed tracking for the Buy Now button click event. You need to publish the Landing Page to save this change. Then open the page, fill out the form and check out Pixel activity on the Facebook Pixel Helper installed above.

Check out Pixel performance

Once you have the conversion tracking codes installed, you can test pixel performance in two ways:
Method 1: Use Facebook Pixel Helper
Installing Facebook Pixel Helper in Chrome makes it easy to check the performance of Facebook Pixel on all Pixel-enabled websites and Landing Pages.
Note that the Facebook Pixel Helper extension works on Chrome, so you need to install Chrome browser first.
The steps to install Facebook Pixel Helper widget are as follows:
  1. 1.
    Access to Facebook Pixel Helper
  2. 2.
    Click + Add to Chrome.
  3. 3.
    Click Add extension.
  4. 4.
    After successful installation of this extension, you will see a message indicating the plugin has been added to Chrome and a small icon will show up in the address bar.
  5. 5.
    If events installed on the Landing Page are successful, they will be greened.
Go to the page and perform clicks and forms and track the green on the Pixel Helper add-on:
Method 2: Use the Test event tool on Facebook.
Access the pixel manager and go to Test events (test events).
Enter your Landing Page path and open the page and manipulate click events, fill out the form.
If the pixel is active, the events you have installed will be logged in this section:
You have completed the entire Facebook Pixel setup process for conversion tracking.

Add monetary value to the event

When you attach the Complete Registration, or Purchase, or Lead codes, you'll see a message asking for additional Facebook monetary value:
The lack of a monetary value doesn't affect conversion recognition, so if you don't, on-page event tracking and measurement will still work.
Adding monetary value will help Facebook calculate a cost per conversion. If you do not important this part there is no need to add.
If you still need to add more, you need to re-configure the data storage of the conversion event code section:
In the conversion code section, leave Unselected. In the advanced customization code section, enter the following code snippet:
fbq('track', 'Purchase', { value: 30000, currency: 'VND' });
Therein:
  • Purchase: the type of event code you want to order, you can replace it with CompleteRegistration or Lead
  • Currency: the currency you are installing to run ads
  • Value: order value
Click Update and republish Landing Page to save changes.
If you are also attaching Google Analytics code to this event, once you selected the Unselected item above, you'll need to add the Google Analytics snippet in the advanced custom code section, just below the Pixel snippet you just added on.

Follow up settings for another thank you page

In case you use another Thank You Page for navigation after completing the sign-up form, you need to install both the pixel ID and the conversion tracking code on this thank you page.
  • Enter the pixel ID at the settings of the thank you page.
  • Enter the code to track the form completion event at the body tag in the JavaScript Code section.
Publish to save changes.
Note: Do not select the conversion event code in the form if the tracking code is already attached to the thank you page.