How to Use Code Injection to Add Custom Scripts & Integrations

Tiêm mã allows you to embed third-party code, tracking scripts, and custom functionalities into your website. You can insert code at the site-wide level or on a specific page.

1. Accessing Code Injection Settings

For Site-Wide Code Injection

1. Open the CMS Dashboard.
2. Nhấp vào Project Settings.
3. Select Mã tiêm from the top toolbar.
4. You’ll see two sections:

• Header Code – Loads before the webpage content.
• Footer Code – Loads at the bottom of the page.

For Page-Specific Code Injection

1. Open the CMS Dashboard.
2. Nhấp chuột Các trang and select the page where you want to inject code.
3. Nhấp chuột Mã số from the right toolbar.
4. Add code in:

• CSS tùy chỉnh – Page-specific styling.
• Header Code – Scripts that should load before the content.
• Footer Code – Scripts that should load after the content.

2. What Can You Add Using Code Injection?

✔ Google Analytics & Facebook Pixel – Track website traffic.

✔ Chatbots & Live Chat – Embed tools like Drift or Intercom.

✔ Custom Fonts & Stylesheets – Load external fonts or CSS.

✔ Tiện ích của bên thứ ba – Add social media feeds, weather widgets, or countdown timers.

✔ Custom JavaScript Functions – Add animations, popups, or interactive elements.

3. Example Code Snippets

Google Analytics Tracking Code (Header Injection)

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>

<script>

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

gtag('config', 'UA-XXXXX-Y');

</script>

Live Chat Integration (Footer Injection)

<script>

window.__lc = window.__lc || {};

window.__lc.license = 1234567;

(function() {

var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;

lc.src = 'https://cdn.livechatinc.com/tracking.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);

})();

</script>

4. Why Use Code Injection?

Enhance Functionality – Add features beyond built-in options.

Theo dõi hiệu suất – Monitor visitor activity with analytics tools.

Improve User Experience – Integrate chat, forms, and widgets.

Customize Your Site – Add custom JavaScript, CSS, and third-party tools.

By using Tiêm mã, you can extend your website’s capabilities Và integrate powerful tools to improve engagement, tracking, and user interaction.