Facebook Pixel & Conversions API code integration
For your proposal, please provide an approximate estimate of the project duration and the price at which you can carry out this integration.
The overall task is to implement advanced user tracking with event transmission to Facebook for further formation of advertising campaigns.
General Workflow
An event is tracked
We collect data for the event
We transmit the event via Facebook Pixel
We store data in the database for further transmission via Conversions API
We form data transmission to Conversions API according to a separate regulation
* Technical requirements - according to the documentation, FB recommends using a separate cloud
** For deduplication of events in the system, we use event_time, which must be the same when transmitting data via Facebook Pixel and Conversions API
1 - Facebook Pixel
The pixel is already installed on the site. The task is to ensure that all events are tracked correctly and the necessary data is transmitted.
Tracked Events
ViewContent
AddToCart
InitiateCheckout
Purchase
ViewContent - product view
fbq('track', 'ViewContent', { parameters })
Placement
product page, main product
Parameter Description
value - selling price of the product (taking into account the discount if any)
currency = ‘UAH’
content_name - product name depending on the language
content_type = ‘product’
content_ids - product identifier
content_category - name of the parent category of the product depending on the language
event_time - event time
AddToCart - adding product to cart
fbq('track', 'AddToCart', { parameters })
Placement
product page - main product
Parameter Description (same as in ViewContent)
value - selling price of the product (taking into account the discount if any)
currency = ‘UAH’
content_name - product name depending on the language
content_type = ‘product’
content_ids - product identifier
content_category - name of the parent category of the product depending on the language
event_time - event time
InitiateCheckout - order checkout
fbq('track', 'InitiateCheckout', { parameters });
Placement
checkout page
Parameter Description
content_category = ‘checkout’
content_ids - array of product identifiers in the cart ( [‘123’, ‘456’, …] )
currency = ‘UAH’
num_items - number of products in the cart
value - current order amount
event_time - event time
Purchase - order completed
fbq('track', 'Purchase', { parameters });
Placement
thank you page for the order (order completed, we have the order number)
Parameter Description
content_category = ‘purchase’
content_ids - array of product identifiers in the cart ( [‘123’, ‘456’, …] )
content_type = ‘product’
currency = ‘UAH’
num_items - number of products in the cart
value - current order amount
event_time - event time
2 - Facebook Conversions Api
It needs to be set up from scratch.
Documentation for forming the request
https://developers.facebook.com/docs/marketing-api/conversions-api/using-the-api/
Description of request parameters
https://developers.facebook.com/docs/marketing-api/conversions-api/parameters
For events from the site sent via Conversions API, the following parameters are required
client_user_agent – User agent for the browser corresponding to this event - Link to description of client_user_agent
action_source
event_source_url
Pageview - on all pages of the site
Data collection and sending - on all pages
ViewContent - product view
Data collection and sending - product page, main product
AddToCart - adding product to cart
Data collection and sending - product page - main product
InitiateCheckout - order checkout
Data collection and sending - checkout page
Purchase - order completed
Data collection and sending - thank you page for the order (order completed, we have the order number)
-
2774 72 0 1 Good day, I am interested in your project. I am confident that the task matches my professional skills and experience.
I am ready to pay great attention to details and ensure high-quality execution of the task. I have experience working on similar projects and have a great understanding of the requirements of your project.
I would appreciate the opportunity to discuss your expectations in more detail and collaboratively find optimal solutions. I am ready to start working immediately and ensure the successful implementation of your project's ideas.
I look forward to collaborating!
Current freelance projects in the category Javascript and Typescript
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 3 days 5 hours back ∙ 86 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 4 days 1 hour back ∙ 30 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 6 days 3 hours back ∙ 64 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 7 days 4 hours back ∙ 30 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 8 days 19 hours back ∙ 36 proposals |