Segment Onsite Data
Integrating Segment with Rockerbox
If you use Segment to track activity and conversions on your website, you can use our Segment integration to send that data to your Rockerbox account.
First up, you will need to configure Rockerbox as a Destination for one of your JavaScript sources. This will embed the Rockerbox pixel on your website and enable automatic capture of all on-site events you are tracking within Segment.
You will need Source Admin privileges on your Segment account in order to make these changes.
Check your source connection mode
Before we get started, make sure that your JavaScript (on-site) source in Segment is set to "Device Mode." The Rockerbox integration requires this in order for our pixels to fire correctly on your website. If this is not the case, you will need to change this setting before proceeding with the integration.
Configure Rockerbox Destination
- In your Segment Account, go to Destinations, and click Add Destination.
![Screen Shot 2020-07-08 at 7.57.51 PM.png 1225](https://files.readme.io/73fcc06-Screen_Shot_2020-07-08_at_7.57.51_PM.png)
- Search for "Rockerbox" and select it.
![Screen Shot 2020-07-08 at 7.59.20 PM.png 1225](https://files.readme.io/b97fa8d-Screen_Shot_2020-07-08_at_7.59.20_PM.png)
- Click the Configure Rockerbox button.
![Screen Shot 2020-07-08 at 8.00.03 PM.png 1225](https://files.readme.io/fffdafa-Screen_Shot_2020-07-08_at_8.00.03_PM.png)
- Select your Source. This should be a JavaScript source for your customer-facing website. If you have environments configured, ensure you are using the the Prod source.
Click the Confirm Source button to continue.
![Screen Shot 2020-07-08 at 8.02.41 PM.png 1225](https://files.readme.io/69a44a3-Screen_Shot_2020-07-08_at_8.02.41_PM.png)
- Next, you'll need to enter your Rockerbox Pixel Code into your destination settings. Select Pixel Code, fill in your code and click Save.
Your Pixel code is available from your Rockerbox account manager.
![Screen Shot 2020-07-08 at 8.07.42 PM.png 1225](https://files.readme.io/e167ffc-Screen_Shot_2020-07-08_at_8.07.42_PM.png)
![Screen_Shot_2020-07-08_at_8_19_25_PM.png 1225](https://files.readme.io/d4d1b0f-Screen_Shot_2020-07-08_at_8_19_25_PM.png)
- After saving your Pixel Code, click the Switch to enable the destination! A blue check means that the destination is live and sending data.
![Screen Shot 2020-07-08 at 8.12.23 PM.png 1225](https://files.readme.io/580d963-Screen_Shot_2020-07-08_at_8.12.23_PM.png)
To verify that the Rockerbox pixel is firing on your site, you can view the Pixel Status page in your Rockerbox dashboard. It may take a few minutes to first appear β if you don't see data at first, try refreshing again.
Next Up: Server-Side Data
Now that you've set up the Rockerbox destination to collect on-site data via your JavaScript sources, you'll need to configure your server-side sources to send data to Rockerbox as well. We'll cover this next in our Segment Server-Side Data guide.
Updated almost 4 years ago