Tuesday 1 October 2024

Boost Your AEM Site's Performance with Meta Pixel Integration via Adobe Data Collection

 

 What is Meta-Pixel?

The Meta Pixel (formerly known as the Facebook Pixel) is a piece of code that you can add to your website. This code helps you track and analyze how visitors interact with your site after seeing your ads on Facebook and Instagram.

Meta Pixel provides an extension which enables easy implementation of Meta Pixel on websites.

To use the extension, ensure you have a valid Meta account with access to Ads Manager. You'll need to create a new Meta Pixel and copy its Pixel ID to configure the extension to your account.

To Implement the Meta Pixel on AEM there are multiple ways. If there is an AEP (Adobe Experience Platform) integration, below method can be used.

We can use Adobe Experience Manager Data Collection to use implement the meta pixel in AEM websites. Steps involved are given below.

Install Meta Pixel Extension

1) Select the Tag Properties for your website and install Meta Pixel Extension as shown below,

 

 Configure Data Elements using SDI Toolkit

Below given the screenshot for configuring the Data Element using SDI

 

Configure SDI Plugin

 In the SDI Configuration, chose Launch Environment(which is configured already for the website) and provide meta pixel id of each environments as shown below.

 

Configure Tag Rule

Now Configure a Tag Rule(Rule can be based on requirements) which enables the trigger of meta pixel extension action

 

Test the changes in lower environment suing Chrome meta pixel plugin.

Push the changes to production

 Once configuration is completed, push the changes to production.

After completing these configurations, you can use the Chrome Meta Pixel plugin to validate the implementation.