After selecting Manual Installation your new UA pixel will be generated and presented on the screen along with instructions for how to implement
- Note: the pixel generated at this stage is referred to as the “Base Pixel” or “Base Code”. This gets placed on your website's global header and initializes tracking on all pages.
Page views are tracked by the base pixel by default, while all other event types must be tracked through event-level code snippets configured in the next step.
Once the pixel is generated, you can copy or download the code and either manually add it to the website or utilize the tag manager or CMS used to manage the website. Please see below for detailed instructions on both approaches.
- Click “Set Up Events”
- You can now select all event types you would like to track by selecting “Show More Events…” You can select as many events as you’d like
3. Click continue and your Event Code snippets will appear on screen. At this stage you can select optional parameters to collect on the event (e.g. price, order ID, etc.) above the snippet
4. By default, all eligible parameters will be included in the events snippet and you can uncheck whichever parameters you do not want to track
5. Event Code Snippets should be implemented on the specific page or action (e.g. purchase confirmation page or purchase button) that you would like to track
6. Click finish, once a your pixel is created the pixel and event information will be saved to your ad account, making it accessible in the pixel dropdown during Ad Set creation.
Manual Pixel Implementation Instructions:
Base Pixel Code Direct Website Implementation
When implementing the Universal Ads pixel on a webpage, it is recommended that you place the base code between the <head> and </head> tags on every page of your website. You will likely have existing code between these tags, so just place the base code underneath the existing code but above the </head> tag. Implementing the code within your <head> tags helps ensure the code executes quickly after a page loads and that visitors' actions are accurately tracked.
Page View events will be tracked by the pixel’s base code by default, but all other event types will need to be tracked through separate event-level code snippets.
Event-level Code Direct Website Implementation
Specific events can be tracked by the UA pixel by calling the pixel’s window.uapx.sendConversion() function with the event name and optional parameters tracked on the event. These event-level code snippets will be generated by UA and should be placed within the opening and closing <body> tags to fire when a specific page loads, or when a user takes a specific action like clicking on a button.