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

# DialogShift Tracking Pixel

> Implementation of the DialogShift tracking pixel for capturing booking completions

The DialogShift tracking pixel captures booking completions and must be implemented on the booking confirmation page.

## Pixel URL

```
https://ibe.prod.co25.net/pixel?clientid=${clientid}&conversionType=${conversionType}&amount=${amount}&currency=${currency}&rooms=${rooms}&nights=${nights}
```

## Parameters

<Table>
  <thead>
    <tr>
      <th>Parameter</th>
      <th>Required</th>
      <th>Description</th>
      <th>Example</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>`clientid`</td>
      <td>✅</td>
      <td>Client ID provided by DialogShift</td>
      <td>`pro123`</td>
    </tr>

    <tr>
      <td>`conversionType`</td>
      <td>✅</td>
      <td>Always `ibe` during beta phase</td>
      <td>`ibe`</td>
    </tr>

    <tr>
      <td>`amount`</td>
      <td>✅</td>
      <td>Booking amount without thousands separator</td>
      <td>`234.56`</td>
    </tr>

    <tr>
      <td>`currency`</td>
      <td>✅</td>
      <td>Currency code (ISO 4217)</td>
      <td>`EUR`</td>
    </tr>

    <tr>
      <td>`rooms`</td>
      <td>Optional</td>
      <td>Number of booked rooms</td>
      <td>`2`</td>
    </tr>

    <tr>
      <td>`nights`</td>
      <td>Optional</td>
      <td>Number of nights</td>
      <td>`3`</td>
    </tr>

    <tr>
      <td>`url`</td>
      <td>Optional</td>
      <td>Host and URL of the IBE page</td>
      <td>-</td>
    </tr>

    <tr>
      <td>`custid`</td>
      <td>Optional</td>
      <td>GET parameter for increased accuracy</td>
      <td>-</td>
    </tr>
  </tbody>
</Table>

## Google Tag Manager Integration

### Prerequisites

<Steps>
  <Step title="Client ID">
    Receive DialogShift Client ID
  </Step>

  <Step title="E-Commerce Tracking">
    Working GTM/GA setup with Data Layer
  </Step>

  <Step title="Data Layer">
    Booking data available in Data Layer
  </Step>
</Steps>

### Implementation

```javascript theme={null}
<script>
var pixel = document.createElement("img"); 
pixel.src = "https://ibe.prod.co25.net/pixel?clientid=YOUR_CLIENT_ID&conversionType=ibe&amount={{TotalCost}}&currency={{SelectedCurrCode}}&rooms={{RmQty}}&nights={{nights}}"; 
pixel.style = "display: none;"; 
document.body.appendChild(pixel);
</script>
```

<Warning>
  Replace `YOUR_CLIENT_ID` with your actual DialogShift Client ID
</Warning>

### Data Layer Example

```javascript theme={null}
dataLayer.push({
    'event': 'booking_complete',
    'TotalCost': '299.50',
    'SelectedCurrCode': 'EUR',
    'RmQty': 2,
    'nights': 3
});
```

## Alternative Implementations

### Server-Side Rendering

<CodeGroup>
  ```php PHP theme={null}
  <script>
  var pixel = document.createElement("img"); 
  pixel.src = "https://ibe.prod.co25.net/pixel?clientid=<?php echo $clientid; ?>&conversionType=ibe&amount=<?php echo $amount; ?>&currency=<?php echo $currency; ?>&rooms=<?php echo $rooms; ?>&nights=<?php echo $nights; ?>"; 
  pixel.style = "display: none;"; 
  document.body.appendChild(pixel);
  </script>
  ```

  ```javascript JavaScript theme={null}
  <script>
  var pixel = document.createElement("img"); 
  pixel.src = "https://ibe.prod.co25.net/pixel?clientid=" + clientId + "&conversionType=ibe&amount=" + bookingAmount + "&currency=" + currencyCode + "&rooms=" + roomCount + "&nights=" + nightCount; 
  pixel.style = "display: none;";
  document.body.appendChild(pixel);
  </script>
  ```
</CodeGroup>

## Testing

<CardGroup cols={3}>
  <Card title="GTM Preview" icon="eye">
    Activate preview mode and perform test booking
  </Card>

  <Card title="Network Tab" icon="network-wired">
    Check requests to `ibe.prod.co25.net`
  </Card>

  <Card title="Parameter Check" icon="check-circle">
    Verify transmitted values
  </Card>
</CardGroup>

## Limitations

<Note>
  For technical reasons, the tracking pixel cannot capture revenue from Instagram, Facebook or WhatsApp users.
</Note>

## Support

For questions, contact DialogShift support with:

* Your Client ID
* URL of the booking confirmation page
* Screenshots of GTM configuration
* Screenshot of the tracking request (Network Tab)