我有个特殊的建站想法,独立站建站 SaaS 能否满足我的个性化需要?
跨境电商行业内卖家们会用那些建站技巧?
我晓得有非常多自定义小功能,然则我不会代码,怎么办?
不少卖家伴侣会显现以上疑问,因此咱们要为大众介绍 店匠Shoplazza 后台应用市场中不起眼的小功能——自定义代码嵌入,揭秘自定义代码,分享自定义代码的最佳实践,DIY 玩转跨境自建站!
1、自定义代码怎么用?
通俗点来讲,「自定义代码嵌入」方便了卖家在建站过程中增多个性化功能的需要(例如:营销插件、主题、宣传跟踪等)。
它是一个代码万能框,支持插进自定义 JS 代码,同期能够选取代码配置项,如页面,代码位置和客户端。
不少深度卖家都会在独立站中插进代码,但插进代码亦是有学问的。
1.自定义代码更有效
有卖家会选取直接在主题页面下修改代码,但要强调一下:在通常状况下,自定义代码设置更有效。例如:在某个主题下直接进行代码的自定义后,倘若换主题、主题升级,修改的代码就不会继续生效,而自定义代码则无此类问题。
2.顶部添加与底部添加
在插进代码时候选取顶部添加代码(顶部:<head></head>)即页面打开时先加载代码,再加载页面内容;选取底部结束位置(底部:</body> body )即先加载页面内容,再加载代码。
像咱们最常用的 Google 验证网站所有权时运用 HTML 标记,需求在<head></head> 中插进 如下代码及选取顶部添加代码。
<meta name="google-site-verification" content="your verification string">
下面,分享三个自定义代码嵌入最佳实践,附上可直接上手的标准代码,供大众即拿即用。
2、自定义代码的实践教育
1.Print On Demand
POD 是一种「按需打印」独立站模式。它在独立站建站时,相针对通常模式,还需要消费者上传或选取照片、Checkout 时表示自定义的商品照片的功能。
下面是 Demo 演示的是运用自定义代码在商品详情页 T-shirt 添加自定义图案加购以及购物车,Checkout 表示自定义商品照片的 POD 最佳实践。
2.Bing 宣传埋点
根据下图过程需求将代码片段复制到独立站,粘贴到自定义代码中,代码位置选取「底部」,触发页面选「所有」就可。
3.Yahoo 宣传埋点
Yahoo 宣传管理需要在页面嵌入自定义代码,一样选取 「自定义代码」,触发-所有页面-所有终端-页面顶部,就可进行宣传数据的跟踪和分析。
3、避免这般运用自定义代码
自定义代码好用归好用,但亦有有些欠妥的运用。以下的状况请避免运用自定义代码。
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 这些平常需要埋点跟踪的应用都在应用中心免费供给。
|