# Injecting Custom Code & Tracking Scripts

Learn how to inject analytics pixels, Google Tag Manager, and custom CSS/JS code.

For advanced analytics, tracking pixels, and custom styling overrides, Club Creator offers a **Custom Code** injection feature (available on the Pro tier).

## Step 1: Open Custom Code Settings

In the Console sidebar under your Project, expand **Site Settings** and select **Custom Code**.

![Custom Code Settings Navigation](/images/guides/custom-code-injection/step-1-code-settings-nav.png)

## Step 2: Injecting Header & Body Scripts

The editor provides two injection targets:

1. **Header HTML / Script Code**: Injected directly inside the `<head>` tag. Ideal for:
   - Google Tag Manager (GTM) container scripts
   - Google Analytics GA4 tracking codes
   - Meta (Facebook) Pixel base codes
   - Custom `<link>` stylesheets and font imports
2. **Footer / Body HTML / Script Code**: Injected just before the closing `</body>` tag. Ideal for:
   - Live chat widgets (e.g. Crisp, Intercom)
   - End-of-body performance monitoring scripts
   - Conversion tracking event snippets

Click **Save Changes** in the header to activate your tracking tags across all site pages.
