How to add Google Analytics, Facebook Pixel, and other custom scripts?
![How to add Google Analytics, Facebook Pixel, and other custom scripts?](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/662e5dc2ff888619162ffe16_how-to-add-google-analytics-facebook-pixel-and-other-custom-scripts.avif)
![How to add Google Analytics, Facebook Pixel, and other custom scripts?](https://cdn.prod.website-files.com/65a722edc8c9641642f1ab91/65e163516ab08d791fa88aea_placeholder_3.webp)
This article will cover how to add custom scripts like Google Analytics, Facebook Pixel, Livechat, etc., to Calendesk.
We offer two ways to add custom scripts:
- Calendesk allows you to paste any HTML/JS/CSS code using Calendesk Website Builder (in the General tab)
- Calendesk allows you to paste Google Tag Id to connect your website with Google Tag Manager. Using Google Tag Manager, you can manage all your scripts outside of Calendesk.
How to add custom scripts?
- Open your website/calendar using Calendesk Website Builder.
- Go to the “General” tab in the website builder, scroll to the bottom and search for the “Custom scripts” field. Next, paste your Google Analytics code and publish the changes.
![edit-template](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/65d9c4723296a96b7fe130ac_edit-template.avif)
![Custom Scripts](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/662a825899c718d79111e7c5_custom-scripts.avif)
What is Google Tag Manager?
Google Tag Manager is a free system that allows you to manage and deploy marketing tags (snippets of code or tracking pixels) on your website or calendar without modifying code. For example, would you like to track the number of visitors using Google Analytics? Would you like to add a chat feature to your website? You can do this without hiring a programmer by using Google Tag Manager. First, create an account in Google Tag Manager, copy your container ID, and paste it in the “General” tab of the Calendesk website editor.
Benefits:
- Control of all website add-ons or tags in one place.
- No programmer is necessary to edit your Calendesk website or calendar code.
- Easy integration using copy-paste rules.
- You can find various tag templates in the Google Tag Manager dashboard.
How to use Google Tag Manager with Calendesk?
- Go to Google Tag Manager, open your container and copy the container Id.
- Paste your public container Id to the Google Tag Manager – container Id field in Calendesk Website Builder in the General tab.
- Publish the changes.
![Google Tag Manager - Container Id](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/65d9c47358b734286a5b23db_google-tag-manager-container-id-gtm.avif)
![Google Tag Manager - Container Id](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/65d9c47358b734286a5b23d6_google-tag-manager-container-id.avif)
![Google Tag Manager - Container Id](https://cdn.prod.website-files.com/65d473d2b4670424466bdfef/65d9c47358b734286a5b23df_google-tag-manager-container-id-filled.avif)