👉 You will find some more infos about implementation .
Second option: Legacy Manual Setup
We do not recommend installing Birdie through Google Tag Manager or Segment. The preferred method is to paste the code directly onto your web application, as this will result in faster load times.
Go to
Copy the snippet code and paste it before the </body> tag of your web app.
Note that the snippet is unique to your organization.
How to add custom medatada
Optionally add your own metadata if you need to store additional data along the recordings like this:
💡 Note that if you have several tabs open with the snippet loaded, only the latest metadata that was set will be available along a recording.
How to hook into recorder events
Optionally you can register for events to know when a recording has started and stopped. First make sure window.birdie object is present by registering for onBirdieReady event before loading the snippet, then register for "start" and "stop" events like this:
window.birdieReadyCallback = function() {
console.log("Birdie Ready, window.birdie object is now available")
window.birdie.on('start', function(data) {
console.log("A recording was started", data);
// save custom data, or add metadata
window.birdie.metadata = { key: "value" }
});
window.birdie.on('stop', function(data) {
console.log("A recording was stopped", data);
});
}
window.birdieSettings={
onBirdieReady: birdieReadyCallback
}
// then add the snippet…
2. Whitelist Birdie in your Content Security Policy
To ensure proper functionality, whitelist the following:
Secure WebSocket protocol: wss://*.birdie.so
Port: 443 (TCP and UDP)
IP Address: 18.189.92.9
This will allow Birdie to function smoothly within your network environment.
How to Send instructions to our developers?
HTTPS:
If you don't have access to your codebase and need help with the installation, you can send the instructions to your developers directly for your .
If you need help or have a question, contact us at