自定义代码

如果您需要实现跟踪代码管理器本身尚不支持的代码，可以使用自定义的图片、HTML 或函数代码。

要避免性能和恶意软件问题，最好的方式是使用跟踪代码管理器中内置的代码模板。跟踪代码管理器支持许多代码平台。另外，跟踪代码管理器可以使用多种第三方代码模板，以及社区模板库中共享的更多模板。

自定义图片代码

自定义图片代码用于部署像素代码。要创建新的自定义图片代码，请执行以下操作：

1. 依次点击代码 新建。
2. 点击代码配置，然后选择自定义图片。
3. 输入供应商提供的图片网址。如果有图片的相对协议版本可用，请使用“//”；如果只有安全版本可用，请使用“https://”。（不建议使用“http://”。）
4. 为了确保匹配能在具有缓存版本图片的浏览器中完成注册，请选中启用缓存无效化。这会将查询 gtmcb=<random number> 附加到网址中。要更改此默认查询参数，请在缓存无效化查询参数字段中输入一个除了 gtmcb 之外的其他值。

自定义 HTML 代码

您可以利用自定义 HTML 代码类型部署跟踪代码管理器尚不支持的代码。此类代码由代码供应商提供给您。

如需设置代码格式，请使用在沙盒中运行的 JavaScript。如需详细了解如何将现有的自定义代码转换为在沙盒中运行的 JavaScript，请参阅转换现有代码。

要创建新的自定义 HTML 代码，请执行以下操作：

1. 依次点击代码 新建。
2. 点击代码配置，然后选择自定义 HTML。
3. 复制供应商提供的代码并将其粘贴到 HTML 字段中，或者输入您自己的自定义 HTML 或 JavaScript 代码。注意：应始终将 JavaScript 代码置于 <script></script> HTML 标记内。

如有必要，请选择支持 document.write，以便在 JavaScript 代码中启用对 document.write() 的调用。

要将跟踪代码管理器变量添加到您的自定义 HTML 中，请使用双大括号括住相应变量名称：

<script>
var foo = {{bar}};
</script>

要检查自定义 HTML 代码各版本之间的差异，请执行以下操作：

1. 点击版本。
2. 点击您要检查的自定义 HTML 代码版本所在的版本条目。
3. 在版本更改卡片中，点击该自定义 HTML 代码的名称，以查看配置更改。
4. 点击 查看详情，展开带有突出显示差异的相关代码。

注意：跟踪代码管理器会缩减自定义 HTML 代码的大小，因此可能会将单引号变为双引号。

函数调用代码

在移动应用容器中，您可以使用函数调用代码来执行预注册函数。当指定要在函数调用代码中调用的类时，可配置一个使该函数执行的触发器，并以键值对的形式向该触发器传递相关参数。函数调用代码可用于扩展第三方 SDK 的代码管理功能。

如需了解详情，请参阅 iOS 和 Android 开发者文档。