HomeEngagementContentDiscoveryOther Resources
Guides

Pixel Integration

Suggest Edits

How to add Bloomreach Pixels?

Pixel location

The Pixels must be added to every page and every version of your site, including desktop, mobile, and tablet. A typical strategy includes simply adding the tracking code snippet to your global footer.

Bloomreach provides Pixel support for the following implementations:

  • JavaScript Tracking Library (web, mobile web) to implement JS-based Bloomreach Pixels on your web pages or mobile web.
  • Android and iOS Application Pixels (Discovery SDKs) to implement Bloomreach Pixels on your native app for mobile.
  • API Implementation for any other environment. This is required for any device/platform where none of the above options can be used.

📘

Do not add Pixels to pages where sensitive details are passed

We recommend against integrating the Pixels on the pages on your site that collect sensitive information like registration or payment details.

📘

The Pixels are fully compliant with SSL when used on HTTPS pages. When your page does not use HTTPS by default, we recommend switching to HTTPS to ensure in-transit encryption.

JavaScript environment

To integrate Bloomreach Pixels in a JavaScript environment, choose one of the following options:

  • Add manually by installing the Pixels on your site
    The Bloomreach Pixel consists of 5 event tags for tracking Page Views, Add to Cart, Search, Suggest and Quick View actions. Learn more about Page View Pixels and Event Pixels Integration in their guides.
  • Add using a Tag Manager
    If your website uses a tag manager such as GTM, Tealium or Ensighten, you can use your tag manager to easily place the Bloomreach Pixel on your website. Learn more.

👍

Code sample

Check the demo code sample that demonstrates how to instrument the pixel.

Android or iOS Application Pixel integration

🚧

For more information on Non-JavaScript Implementation, look out for "Non-JavaScript Implementation" sections within each individual Pixel Integration page. This integration works differently than the web-based pixels.

Direct API implementation

We also offer access to our Pixel APIs for calling them directly in environments where the Pixel code snippets are not compatible.

Request

To integrate Bloomreach Pixels directly via the API, you must generate HTTP GET requests to one of the following secure endpoints, depending on what region your account is provisioned in:

  • https://p.brsrvr.com/pix.gif (for North America)
  • https://p-eu.brsrvr.com/pix.gif (for Europe)

The analytics data for each request is encoded in the URL query string as parameter pairs, such as &type=pageview. Each parameter pair has a key and a value and must follow the requirements given below:

  • Format should be in a key-value pair. For example: key=value
  • Multiple pairs should be delimited by an ampersand (&). For example, key1=value1&key2=value2
  • URL must be UTF-8 compatible
  • The value must be percent-encoded
  • Parameters must be appended to the end of the endpoint. For Example: https://p.brsrvr.com/pix.gif?acct_id=&type=pageview

📘

Pixel Reference

To get a quick overview of all the available Pixel parameters, go to the Pixel Reference page.

Response

If a correct HTTP request is received, we return a 200 status code. The Content-Type will be image/gif and the Content will be a 1x1 transparent gif image.

The HTTP response does not return an error code if the data was malformed, if the data in the payload was incorrect, or was not processed by Bloomreach. Consult with the Events Management tool to inspect incoming events and troubleshoot issues. If you do not get a 200 status code, you should not retry the request. Instead, verify your HTTP request to ensure that it does not contain any errors.

Implementation Summary

The steps to implement the Bloomreach Pixels are summed up below:

  1. Add Bloomreach Core Pixels
  2. Add Feature-specific Pixels (optional)
  3. Verify Pixels (test pixel configurations)

Troubleshooting

We encourage you to utilize our tools that help you troubleshoot Pixel-related issues:

For further help or feedback on the Bloomreach Pixel integrations, please contact your Bloomreach representative.

Updated about 1 month ago