Help center10 min setup

Install 100 Rocks on a custom website

Add the production tracker, keep the required Content Security Policy origins, configure consent, and verify the first measured visit.

What does the custom-site installation include?

The production snippet loads the 100 Rocks tracker and its consent controls. Custom websites do not use Shopify Customer Privacy or the Shopify Web Pixel.

Shopify checkout reporting is not available on a custom website.

What does the custom-site installation include?
PartWhat it does
Production snippetLoads the tracker for this project
100 Rocks consent controlsCollect Analytics, Preferences, and Marketing choices
Preferences linkLets visitors reopen their saved choices

Where do I copy the tracker snippet?

Counter shows the configured consent placement. Users with the required advanced permission can change it in Counter settings.

  1. Open 100 Rocks and select your project.
  2. Open Counter.
  3. Copy the production tracker snippet.
  4. Use the AI install prompt from Counter if another developer or coding agent will make the change.

Where should I paste the snippet?

If your site uses a Content Security Policy, copy the exact and origins shown in the AI install prompt. A blocked script or ingest origin prevents verification.

  1. Open the root layout or shared page template for the site.
  2. Paste the snippet immediately before the closing tag.
  3. Publish or deploy the change.
  4. Confirm that the snippet appears only once on the final page.

How do I configure consent on a custom website?

The first visit opens the 100 Rocks consent modal. Visitors can Reject all, Accept all, or customize their choices. All purpose toggles start off until the visitor opts in.

Analytics allows behavior measurement. Preferences allows consented audience-based product-page assignment. Marketing is saved but is not used by current measurement features.

The floating, footer, and link-triggered placement options only change how a visitor reopens preferences. The first-visit modal still opens automatically.

How do I verify the custom-site installation?

The current custom-site adapter is opt-in. Do not expect audience or behavior collection before the visitor makes a choice.

  1. Open the published site in a private window.
  2. Confirm that the 100 Rocks consent modal appears before measurement starts.
  3. Accept Analytics and browse one or two pages.
  4. Open Counter and confirm Receiving events is Yes.
  5. Confirm that Consent mode shows the production 100 Rocks banner.

How do I update or remove the custom-site tracker?

Recopy the pasted snippet only when Counter says the integration snippet version changed. Tracker code can update on the 100 Rocks server without changing your HTML.

To remove 100 Rocks, delete the snippet and any custom preferences link, publish the site, then confirm that no tracker request is made.

Before going live, review Consent and privacy and add the required storefront notice.

Ask for advice

Continue learning about 100 Rocks:

6 min read

Understand consent and privacy

Learn which consent system applies, what each purpose controls, what browser storage is used, and how long data is kept.

6 min setup

Track buttons and links

See which interactive elements shoppers use and give important actions a stable, privacy-safe reporting name.

8 min read

Troubleshoot tracking and missing data

Follow the symptom that matches your store, verify the expected source, and collect useful details before contacting support.