Elementor自定義代碼（Custom Code）功能是Elementor Pro付費版本功能，它允許你添加代碼片段，如Google Analytics代碼或Facebook Pixel代碼，你可以設定代碼在網站裡的展示位置和覆蓋頁面範圍，還能設定的代碼的加載優先級，這樣你就不需要編輯你的主題文件來實現代碼的插入了。
備註：如果你沒有Elementor Pro，先看看你的主題是否支持插入自定義代碼，如果不能，那麼你可以嘗試使用Code Snippet外掛。
下面是Elementor custom code的教學：
要添加一個新的自定義代碼，請進入Elementor > Custom Code 並點擊按鈕添加新代碼。
如下圖所示，將自定義代碼輸入到代碼編輯器中，並選擇代碼插入到頁面的哪個位置，譬如插入到頁面的頭部元素head中，或在body標籤的開頭或結尾，如果是安裝GTM的代碼，那就是在head和body-start分別插入一條。
然後，設置代碼的優先級。如果你在同一位置添加了兩條代碼，代碼的優先級數值將決定它們中的哪一個將首先加載，數值越小越線加載。
最後，您可以像對任何Elementor 網站模板（頁眉、頁腳等）一樣指定代碼的顯示條件，做完後點擊發布即可生效。
- 標題：輸入一個標題，以幫助你在將來識別這個代碼段是乾嘛用的。
- 位置：選擇代碼的插入位置，可以在頁頭（head）中應用，也可以在頁面主體（body）的開頭（-start）或頁面主體（body）的結尾（-end）。
- 優先級：選擇這個腳本運行的優先級（1 – 10）。如果多個腳本被分配到同一位置，優先級將決定它們的運行順序。請注意，數字越小表示優先級越高。
- 代碼輸入框：在這裡輸入或粘貼代碼。例如，下圖時輸入的谷歌跟踪代碼的示例
<!-- Global site tag (gtag.js) - Google Analytics --><$cript async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-xx”></$cript> <$cript> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-xxxxxxxx-xx');</$cript>
- 條件：點擊“發布“後，在彈出框中可以添加條件，以設置您的代碼片段在整個網站中的運用範圍。如果您想讓它在所有地方使用，請選擇整個網站，或將它限制在某些頁面、列表頁等，此外您還可以添加排除條件。
如果你需要查看或管理你保存的所有自定義代碼，在Elementor > Custom Code 頁面中即可操作。
點贊
