我有个特殊的建站想法，独立站建站 SaaS 能否满足我的个性化需求？

跨境电商行业内卖家们会用哪些建站技巧？

我知道有很多自定义小功能，但是我不会代码，怎么办？

不少卖家朋友会出现以上疑问，所以我们要为大家介绍 店匠Shoplazza 后台应用市场中不起眼的小功能——自定义代码嵌入，揭秘自定义代码，分享自定义代码的最佳实践，DIY 玩转跨境自建站！

一、自定义代码怎么用？

通俗点来说，「自定义代码嵌入」方便了卖家在建站过程中增加个性化功能的需求（例如：营销插件、主题、广告追踪等）。

它是一个代码万能框，支持插入自定义 JS 代码，同时可以选择代码配置项，如页面，代码位置和客户端。

不少深度卖家都会在独立站中插入代码，但插入代码也是有学问的。

1.自定义代码更高效

有卖家会选择直接在主题页面下修改代码，但要强调一下：在一般情况下，自定义代码设置更高效。例如：在某个主题下直接进行代码的自定义后，如果换主题、主题升级，修改的代码就不会继续生效，而自定义代码则没有此类问题。

2.顶部添加与底部添加

在插入代码时候选择顶部添加代码（顶部:）即页面打开时先加载代码，再加载页面内容；选择底部结束位置（底部: body ）即先加载页面内容，再加载代码。

像我们最常用的 Google 验证网站所有权时使用 HTML 标记，要求在 中插入 如下代码及选择顶部添加代码。

your verification string">

下面，分享三个自定义代码嵌入最佳实践，附上可直接上手的标准代码，供大家即拿即用。

二、自定义代码的实践教学

1.Print On Demand

POD 是一种「按需打印」独立站模式。它在独立站建站时，相对于一般模式，还需要消费者上传或选择图片、Checkout 时显示自定义的商品图片的功能。

下面是 Demo 演示的是使用自定义代码在商品详情页 T-shirt 添加自定义图案加购以及购物车，Checkout 显示自定义商品图片的 POD 最佳实践。

2.Bing 广告埋点

按照下图步骤要求将代码片段复制到独立站，粘贴到自定义代码中，代码位置选择「底部」，触发页面选「全部」即可。

3.Yahoo 广告埋点

Yahoo 广告管理需要在页面嵌入自定义代码，同样选择 「自定义代码」，触发-所有页面-所有终端-页面顶部，即可进行广告数据的追踪和分析。

三、避免这样使用自定义代码

自定义代码好用归好用，但也有一些不当的使用。以下的情况请避免使用自定义代码。

1.Google Analytics

不需要手动复制 GA 跟踪代码在自定义代码中，可以在通过以下路径进行安装：店匠Shoplazza 后台【营销推广】 -> 【Google】 -> 【登录Google 账号】 ->【所有应用】 -> 【GA 全局跟踪】

(现在使用店匠开户充值谷歌投放账户还有优惠活动哦！)

2.Facebook Pixel

同样不需要手动复制 Facebook Pixel 跟踪代码贴到自定义代码中，可以通过以下路径进行跟踪：店匠Shoplazza 后台【应用市场】 -> 【Facebook Pixel】 中贴一下 Pixel ID 就可以了。

如果需要多个 Pixel 跟踪，可以在【应用市场】 -> 【Facebook Multi Pixels】中配置多个Pixel 跟踪。

3.Pintrest

同样不需要把 Pinterest 追踪代码贴到自定义代码中，可以在后台【应用市场】 -> 【Pinterest】中填写Pixel ID 保存即可。

4.Facebook Messenger

不需要把Facebook Messenger 代码贴到自定义代码中，可以在店匠Shoplazza 后台【应用市场】 -> 【Facebook Messenger 聊天插件】。

除了上面提到的常见埋点不正确姿势之外，Ticktok、Snapchat、Shareasale、Refresion、Klaviyo、Ominisend 这些常见需要埋点追踪的应用都在应用中心免费提供。