揭秘店匠自定义代码,DIY 玩转跨境独立站

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

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

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

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

独立站saas建站工具哪个最好

  一:自定义代码怎么用

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

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

SAAS多用户独立站系统

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

  1.自定义代码更高效

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

  2.顶部添加与底部添加

  在插入代码时候选择顶部添加代码(顶部:)即页面打开时先加载代码,再加载页面内容;选择底部结束位置(底部: body )即先加载页面内容,再加载代码。

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

 <meta name="google-site-verification" content="your verification string">

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

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

  1.Print On Demand

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

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

  想要全版?后台留言【自定义代码】即可获取链接。

中国电商独立站saas

  2.Bing 广告埋点

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

  3.Yahoo 广告埋点

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

SAaS电商外贸独立站

  想要全版?后台留言【自定义代码】即可获取链接。

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

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

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

saas模式独立站

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

  2.Facebook Pixel

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

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

  3.Pintrest

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

  4.Facebook Messenger

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

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

  想要了解更多建站干货?请持续关注店匠,带你探索高转化独立站!

扫码关注公众号「店匠全球D2C品牌智库」,

获取更多 DTC 品牌出海、独立站运营干货。

店匠独立站品牌全球化

店匠独立站微信群