> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dema.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> Dema offers three flexible methods for tracking events on your website: Server-Side Event Tracking, Google Tag Manager (GTM) Integration, and Shopify App Integration.

<CardGroup cols={3}>
  <Card title="Server-Side Tracking" href="/integrations/tracking/server-side-tracking" icon="server">
    Direct server-to-server event tracking
  </Card>

  <Card
    title="Google Tag Manager"
    href="/integrations/tracking/google-tag-manager"
    icon={
<svg
  className="h-7 w-7"
  version="1.1"
  xmlns="http://www.w3.org/2000/svg"
  x="0px"
  y="0px"
  width="192px"
  height="192px"
  viewBox="0 0 192 192"
  enableBackground="new 0 0 192 192"
>
  <rect fill="none" width="192" height="192" />
  <g>
    <polygon
      fill="#8AB4F8"
      points="111.31,176.79 80.76,147 146.37,80 178,111 	"
    />
    <path
      fill="#4285F4"
      d="M111.44,45.08L81,14L14.44,79.93c-8.58,8.58-8.58,22.49,0,31.08L80,177l31-29L61.05,95.47L111.44,45.08z"
    />
    <path
      fill="#8AB4F8"
      d="M177.56,80.44l-66-66c-8.59-8.59-22.52-8.59-31.11,0c-8.59,8.59-8.59,22.52,0,31.11l66,66
	c8.59,8.59,22.52,8.59,31.11,0C186.15,102.96,186.15,89.03,177.56,80.44z"
    />
    <circle fill="#246FDB" cx="95.5" cy="162.5" r="21.5" />
  </g>
</svg>
}
  />

  <Card
    title="Shopify"
    href="/integrations/tracking/shopify"
    icon={
<svg
  className="h-8 w-8"
  style={{ fill: "#7856ff" }}
  viewBox="0 0 250 350"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill="#95BF46"
    d="M223.774 57.34c-.201-1.46-1.48-2.268-2.537-2.357a19614 19614 0 00-23.383-1.743s-15.507-15.395-17.209-17.099c-1.703-1.703-5.029-1.185-6.32-.805-.19.056-3.388 1.043-8.678 2.68-5.18-14.906-14.322-28.604-30.405-28.604-.444 0-.901.018-1.358.044C129.31 3.407 123.644.779 118.75.779c-37.465 0-55.364 46.835-60.976 70.635-14.558 4.511-24.9 7.718-26.221 8.133-8.126 2.549-8.383 2.805-9.45 10.462C21.3 95.806.038 260.235.038 260.235l165.678 31.042 89.77-19.42S223.973 58.8 223.775 57.34zM156.49 40.848l-14.019 4.339c.005-.988.01-1.96.01-3.023 0-9.264-1.286-16.723-3.349-22.636 8.287 1.04 13.806 10.469 17.358 21.32zm-27.638-19.483c2.304 5.773 3.802 14.058 3.802 25.238 0 .572-.005 1.095-.01 1.624-9.117 2.824-19.024 5.89-28.953 8.966 5.575-21.516 16.025-31.908 25.161-35.828zm-11.131-10.537c1.617 0 3.246.549 4.805 1.622-12.007 5.65-24.877 19.88-30.312 48.297l-22.886 7.088C75.694 46.16 90.81 10.828 117.72 10.828z"
  ></path>
  <path
    fill="#5E8E3E"
    d="M221.237 54.983a19614 19614 0 00-23.383-1.743s-15.507-15.395-17.209-17.099c-.637-.634-1.496-.959-2.394-1.099l-12.527 256.233 89.762-19.418S223.972 58.8 223.774 57.34c-.201-1.46-1.48-2.268-2.537-2.357"
  ></path>
  <path
    fill="#FFF"
    d="M135.242 104.585l-11.069 32.926s-9.698-5.176-21.586-5.176c-17.428 0-18.305 10.937-18.305 13.693 0 15.038 39.2 20.8 39.2 56.024 0 27.713-17.577 45.558-41.277 45.558-28.44 0-42.984-17.7-42.984-17.7l7.615-25.16s14.95 12.835 27.565 12.835c8.243 0 11.596-6.49 11.596-11.232 0-19.616-32.16-20.491-32.16-52.724 0-27.129 19.472-53.382 58.778-53.382 15.145 0 22.627 4.338 22.627 4.338"
  ></path>{" "}
</svg>
}
  />
</CardGroup>

## 1. Server-side event tracking

Server-side tracking allows you to send event data directly from your server to Dema's endpoint. This method is highly secure and reliable, ensuring that even users with ad blockers or those browsing in incognito mode are tracked. It's ideal for capturing detailed events like page views and orders without relying on the client's browser.

### Key features

* **Direct integration**: Send data directly from your server to Dema, bypassing the client-side entirely.
* **Enhanced privacy**: Since data is transmitted server-side, it minimizes exposure to third-party scripts and enhances user privacy.
* **Reliable data collection**: More consistent tracking, unaffected by browser-based limitations like ad blockers.

## 2. Google Tag Manager (GTM) integration

For those preferring a client-side approach, Dema integrates seamlessly with Google Tag Manager. This method is user-friendly, allowing for quick setup and the flexibility to manage tracking tags without modifying the website's code directly.

### Key features

* **Ease of use**: Easily add and update Dema's tracking tags through GTM's user interface without needing to touch the website's code.
* **Flexible configuration**: Set up complex triggering rules for when events should be sent to Dema, such as on specific page views or button clicks.
* **Real-time updates**: Quickly deploy changes and new tracking parameters through GTM's dashboard, offering agility in your tracking strategy.

## 3. Shopify app integration

For Shopify store owners, Dema provides a dedicated app that simplifies the integration process. By installing our app, you can leverage the power of the Dema web app pixel to automatically track events without the need for manual code insertion.

### Key features

* **Seamless integration**: Easily install the Dema app from the Shopify App Store and start tracking without any complex setup.
* **Automated event tracking**: The Dema web app pixel automatically tracks page views, product interactions, and transactions.
* **Customizable tracking**: Adjust and configure event tracking directly within the Shopify dashboard for tailored analytics.

## Choosing the right method

Whether you opt for server-side event tracking, GTM integration, or the Shopify app, Dema supports and maintains robust and comprehensive analytics for your e-commerce solution. The choice depends on your specific requirements:

* **Server-side tracking** for maximum data control, privacy, and reliability.
* **GTM integration** for ease of implementation, flexibility, and quick updates.
* **Shopify app** for seamless integration and automatic tracking within Shopify.