Themeforest:最好的WordPress外贸主题下载正版网站
选择适合自己的网站主题是创建WordPress网站的第一步,也是至关重要的一步。它不仅决定了您网站的外观与功能,还影响着流量表现及用户体验。ThemeForest以庞大的主题库和各种功能著称,声称能解决用户对主题选择的所有顾虑。那么,它真的...
选择适合自己的网站主题是创建WordPress网站的第一步,也是至关重要的一步。它不仅决定了您网站的外观与功能,还影响着流量表现及用户体验。ThemeForest以庞大的主题库和各种功能著称,声称能解决用户对主题选择的所有顾虑。那么,它真的...
VanChat为Shopify店主提供了一款AI助手,通过自动化和个性化功能提升客户的购物体验。这项服务通过主动推荐商品和及时发送折扣提醒,有效助力店铺销售增长。VanChat能够学习店铺的全部信息,包括产品、政策和物流详情,并利用这些数据...
Jungle Scout在2025年依然是Amazon FBA领域中备受推崇的工具之一。自2015年面世以来,Jungle Scout一直与亚马逊平台同步发展,持续丰富自身功能,为初学者和专业卖家提供了全面的支持。下面就从多个角度详细分析,...
BigCommerce 是一个非常适合认真对待线上业务,并希望拥有丰富视觉定制选项的用户的电子商务平台。它的设计明显倾向于团队使用,同时融入了企业级设计的哲学理念。然而,这并不意味着电子商务新手不能使用它。尽管其功能强大、设置复杂,需要一些...
LiveChat 是一个集成式客户服务平台,专注于帮助品牌提升客户服务质量,同时推动销售增长。它具有直观、易用和高度可定制的特点,可以自然地融入任何网站中。作为一款功能强大的工具,LiveChat 通过多种功能吸引客户,目前已被全球超过 3...
你是否曾在互联网上苦苦寻找一个能够满足你需求的平台?特别是当你需要一个强大的销售漏斗或着陆页解决方案时,可能已经看过许多充满溢美之词的评论,宣称这些平台是你最好的选择。然而,试用后却发现功能不足,难以上手,或是价格超出预算,令人失望。 这篇...
想要通过PPC广告活动、社交媒体竞赛或电子书下载获得更好的结果?那么,你需要更高效的着陆页,而实现这一目标的最佳工具之一就是Instapage。这篇详细评测将带你深入了解Instapage的功能、优势及适用场景,帮助你判断它是否是适合你的解...
Tawk.to 是一款因其免费的定价模式和可选的付费功能而备受关注的在线聊天软件。以下是对其功能、用户体验以及定价的详细评测,帮助您判断 Tawk.to 是否能成为您的理想选择。 点击进入Tawk.to免费注册使用 定价 Tawk.to 的...
SiteGround 是一家成立于 2004 年的托管服务提供商,总部位于保加利亚索非亚。经过多年的发展,SiteGround 已成为全球领先的托管服务品牌之一,为超过 280 万个域名提供支持。特别是在 WordPress 托管领域,Si...
Wix 是全球最受欢迎的网站构建工具之一,拥有超过 2 亿用户的信赖和支持。其强大的多功能性使其脱颖而出,为用户提供了精美的模板、直观的编辑器以及多样化的插件和工具,无论是初学者还是专业用户,都能找到适合自己的解决方案。 本文将深入探讨 W...
user_session
Cookie,填写 user_session
。html复制代码<script> // 写入 Cookie 示例 document.cookie = "user_session=" + encodeURIComponent("example_value") + "; path=/; max-age=3600"; // 读取 Cookie 示例 function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } console.log(getCookie('user_session'));</script>
max-age
或 expires
属性,决定 Cookie 的有效期。Secure
和 HttpOnly
属性。SameSite
属性避免跨站点请求伪造(CSRF)攻击。假设公司今天与网红合作,请网红宣传并引导流量至网站上购买产品,为了方便统计哪一位网红的成效较好,每一位网红所使用的网址都带有特定的参数,类似下面这样。
www.abc.com/?influencer_id=NetRed (红字为辨别网红的参数)
透过不同的influencer_id
,我们便可以知道哪一位合作伙伴有促成本次的购买,方便作为异业合作部门行销成效的统计。
你可能会想说,既然是网址的参数,我们用「网址」变数来取得资料是不是就可以了?
没错,如果你的网址是直接来到结帐页面,使用者从点击网址到结帐完成,一气呵成,没有换页的话,那么这么做是可行的。
但只要有了换页行为,原本在网址上的参数就会消失,我们就无从得知是来自于哪个合作伙伴的导购了。
这也是为什么我们需要先将该参数存入Cookie 中的原因,如此一来,才能够帮助我们做到较为精准的统计。 ㅤㅤ
首先,我们需要在网址中出现 influencer_id
时,抓取该参数的值,这部分的操作相当简单,只要使用「网址」变数来取得资料就可以。
GTM 左侧面板选择「变数」> 右边下方「使用者定义的变数」区块选择「新增」> 选择「网址」变数。
ㅤ
在「元件类型」下拉选单中选择「查询(query)」,于「查询键」栏位输入influencer_id
。
ㅤ
完成之后,记得先到「预览模式」测试,确保当使用者透过带有参数的网址来到网站时,设定的「网址」变数有抓到该参数的「值」。
确定有正确抓取到我们需要的「值」之后,就可以开始来用「自订HTML」代码设定Cookie 了。
ㅤ
接下来,我们要将一段Javascript 代码放置到「自订HTML」代码中,看不懂这串Javascript 代码的朋友没关系,只要知道如何复制贴上并且修改几个地方就可以了(当然,如果你愿意去了解,更好)。
这段Javascript 在处理的,是将我们需要的「值」(也就是上一个段落设定的「网址」变数),存入到Cookie 当中。
如此一来,尽管使用者换页造成网址的参数遗失,我们依然可以知道这位使用者曾经透过特定合作伙伴的连结来到网站(只要没有使用不同浏览器回到网站的话)。
GTM 左侧面板选择「代码」 > 右上角点击「新增」> 点击「请选择代码以开始设定」> 右侧面板选择「自订HTML」
ㅤ
将连结内的Javacript 代码贴入到HTML 栏位中,这串Javascript 看不懂没有关系,我们只需要修改下图中第14 行中括号内的3 个项目就可以,这3 个项目分别代表的是:
括号内依序为「Cookie 名称」、「Cookie 值」以及「Cookie 到期时间」,可以到这边复制完整的代码,再进行修改就可以了。
设定完毕之后,按下储存,到这边,我们就透过「自订HTML」代码完成了设置Cookie 的代码设定。
你也可以直接复制以下代码(红色标示处是要你要更改的部分):
<script> // 函數:設置 Cookie function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } // 調用函數設置 Cookie setCookie('輸入你的Cooki名稱', '{{你的「網址」變數}}',輸入Cookie於多久到期); </script>
ㅤ
GTM「自订HTML」代码有个很棒的功能,就是你可以在代码中呼叫该GTM 容器中的「变数」,只要输入「{{」(不含上下引号),就会出现「变数」的下拉选单,不管是「内建变数」或是「使用者自订义」的变数,都会显示在选单当中,非常方便。
未来如果有遇到类似的设定时,都可以用这样的方式在「自订HTML」代码中取得该容器中其它的变数「值」。
ㅤ
我们不需要这段「自订HTML」代码在全站所有页面启动,只需要当网址有出现influencer_id
的时候启动这组代码就可以。
因此,我们会使用「网页浏览」触发条件,设定方式如下:
GTM 左侧面板选择「触发条件」 > 右上角选择「新增」> 点击中间「请选择触发条件类型以开始设定」 > 选择「网页浏览」
ㅤ
选择「部分的网页浏览」,条件设定当选择「Page URL」 包含「influencer_id」时,满足该触发条件,进而启动「自订HTML」代码。
(注意,要选择「Page URL」 变数,才有办法抓到网址末端「?」之后的参数,也就是范例中的influencer_id,如果选择「Page Path」变数,是抓不到参数资料的。 关于网址结构的部分,可以参考文章「GTM 网址变数介绍」中的网址结构段落,有更进一步的解释。)
ㅤ
设定完毕之后,将触发条件与前面的「自订HTML」代码进行绑定,就可以透过「预览模式」进行测试了。
在「预览模式」中,预期应该要看到「自订HTML」代码的启动,接着我们还要检查网页上是否有储存到我们预期的Cookie。
一样,我们测试带有参数influencer_id=RedNet
的网址。
ㅤ
在「预览模式」画面中,应该要看到「自订HTML」代码成功启动。
ㅤ
接着透过网页开发者工具检查,Cookie 是否有成功设定,且存入正确的「值」。 (以我们的范例来说,Cookie 名称应为InfluencerID,其「值」为RedNet。)
于网页的空白处点选右键> 选择「检查」> 于检查工具的页签中选择「Application」 > 左侧选单中选择并展开「Cookies」 > 选择自家网站网域> 应于右侧看到我们所设定的Cookie
如果可以看到我们设定的Cookie 名称,以及抓取到正确的「值(RedNet)」,就代表设定成功,可以将代码发布了。
如果你看到Javascript 代码就感到头晕,没事,这是可以理解的,要行销人员去认识这些如同无字天书的代码,实在是劳心劳力。
所以,接下来要介绍的方式,是用GTM 中的「范本库」来协助我们,步骤相对简单,也不用看到扰人的Javascript 代码,ㄧ样能完成所需的Cookie 设定。
ㅤ
GTM 左侧面板选择「代码」> 右上角点选「新增」> 「请选择代码类型以开始设定」 > 选择社群范本库(如下图)> 于范本库中搜寻「Cookie」 > 选择「Cookie Creator」
选择后,将代码「新增至工作区」 > 要使用社群范本需要给予权限,这边「新增」
(如果不给予权限就无法使用,这边要注意的是,之所以叫做社群范本就是指这些范本并非官方开发,因此如果你对使用上有疑虑,建议使用前述的「自订HTML」代码方式进行设定。)
ㅤ
接下来,我们必须要对范本进行一个小调整,以便我们可以新增任何我们想要的Cookie 名称。
GTM 介面左侧面板选择「范本」 > 选择右侧「Cookie Creator」进入范本设定画面> 点击「权限」页签> 展开「设定Cookie」选单> 删除第二列的Cookie > 编辑第一列的Cookie
ㅤ
我们必须将Cookie 名称的栏位改为「*」,表示允许任何Cookie 名称的命名,接着点选右上角的储存。
否则尽管在GTM 「预览模式」中会看到代码启动,但因为使用者针对Cookie 的命名与范本预设名称不符,Cookie 便不会设置成功。
ㅤ
完成范本的新增以及设定之后,接下来,就可以使用该范本进行代码设定,抓取我们需要的「值」,并将其存到Cookie 当中。
翻译成白话文就是 用范本「Cookie Creator」建立代码,抓取网址末端的参数「influencer_id」,并将其透过「Cookie Creator」存到Cookie 中。
GTM 左侧面板选择「触发条件」 > 右上角选择「新增」> 点击中间「请选择触发条件类型以开始设定」 > 选择「Cookie Creator」
ㅤ
接下来,就如同修改「自订HTML」代码一样,依序在以下栏位中,填入「Cookie 名称」、「Cookie 值」以及「Cookie 到期时间」,只不过这次的设定介面,相较起来友善了许多。
ㅤ
最后,将透过Cookie Creator 设定的代码与前面设定的「网页浏览」触发条件进行绑定后,进入「预览模式」进行测试,预期应该要在开发者工具的Application 页签的Cookie 清单中看到刚刚设定的Cookie (名称为InfluencerIdByCookieCreator )。
(测试流程与前面所做的相同,这边就不再重复赘述。)
ㅤ
确认该Cookie 存在之后,就表示设定完成,可以提交你的GTM 容器了。
了解如何设定之后,接下来最重要的,就是要知道可以如何应用。
关于这点,我们在过去的文章「GTM 变数介绍:第一方Cookie(1st Party Cookie Variable)」中有详尽介绍了应用的方式,
文中同样是使用inluencer_id
作为范例,搭配这篇一起操作,你应该就能举一反三应用在其它地方了。
当行销人员可以自行透过GTM 为网站设置Cookie 时,我们就可以轻易地做出很多追踪的变化。
例如: 针对看过网站上特定广告的使用者,给予一个Cookie,并设定7 天后到期,在到期之前,使用者在网站上都不会再看到该广告,降低对使用者的干扰。 或是针对曾经登入过的使用者,给予一个Cookie,当他们再度来到网站时,不会对他们弹出加入会员的邀请视窗(但请不要储存个人资讯到Cookie 中)。 也可以利用Cookie 来记录曾经在特定时间内,浏览过特定页数或是页面的使用者,给予这些使用者不同的弹窗广告。
.com
无疑是最主流、最被接受的选择。其他后缀如.io
在特定行业(如科技圈)中也较为流行,但一些冷门后缀(如.xyz
、.inc
)可能会让用户对网站的可信度产生怀疑。
注意:
site:yourdomain.com
命令查询谷歌的收录数据,可以评估域名的SEO潜力。如果域名有良好的历史记录且被谷歌收录过,这将为网站带来额外的权重加成。
html复制代码<script async src="https://www.googletagmanager.com/gtag/js?id=AW-XXXXXXX"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-XXXXXXX');</script>
html复制代码<script> gtag('event', 'conversion', { 'send_to': 'AW-XXXXXXX/YYYYYYYY', 'value': 100.0, 'currency': 'USD' });</script>
标题 | WooCommerce | Shopify |
---|---|---|
用法 | WooCommerce 是一个更复杂的解决方案,需要一些先验知识或愿意花一些时间去学习。 | 虽然 Shopify 不需要编码知识,但它适合所有人,任何人都可以利用它。 |
设置时间 | WooCommerce 的设置时间比 Shopify 更长。 | 与 WooCommerce 相比,Shopify 可以让您的在线商店更快地建立和运行。 |
主题和设计的可用性 | 尽管 WooCommerce 具有很大程度的可定制性,但其主题却无法完全胜任这项任务。 | 本次比赛的获胜者是 Shopify。如果需要,您可以使用代码进一步自定义 Shopify 主题,因为与 WooCommerce 相比,它的布局更加流畅和精致。 |
集成和插件 | WooCommerce 等开源平台严重依赖插件。有超过 50,000 个插件可供选择,让您可以不受任何限制地创建独一无二的网站。 | Shopify 提供 1,200 多个免费或付费应用程序。安装应用程序前,请查看星级或用户评论。 |
营销能力 | 插件提供 WooCommerce 的营销功能。 | Shopify 提供广泛的营销工具,例如多渠道销售,因此您可以在社交媒体上接触数百万人。 |
交易费用 | WooCommerce 是这方面的赢家,因为它不收取交易费用。 | 在 Shopify 上,当您使用 Shopify Payments 时,您会被收取附加费,因此 WooCommerce 胜出。 |
搜索引擎优化 | WooCommerce 让您可以访问许多优秀的 SEO 插件、SEO 指令和提示。 | 因此,Shopify 的 SEO 工具比其他平台少,这可能会限制您进行电子商务网络应用程序开发的选择。 |
安全 | 您有责任获取 SSL 并为 WooCommerce 设置 PCI-DSS 合规性。 | 由于 Shopify 是一个托管平台,因此安全性不是问题。Shopify 附带 SSL 证书,并且符合 PCI-DSS 标准。 |
客户服务 | 幸运的是,Bluehost 对于 WooCommerce 来说提供了出色的全天候支持和大量有用的信息。 | 尽管 Shopify 提供了卓越的客户服务,但它仍比不上 WooCommerce 和 Bluehost 所提供的服务。 |
价格 | WooCommerce 更具成本效益,但其扩展的平均价格为 39 美元。 | Shopify平台商店价格昂贵,并且方案固定。 |
Shopify | WordPress | |||
比较项 | 重要性赋权 (*/100) | 评分 (*/5) | 评分 (*/5) | |
1 | 功能 | 15 | 3 | 5 |
2 | 费用 | 10 | 3 | 5 |
3 | 建站、维护简易度 | 5 | 5 | 2 |
4 | 页面个性化设计 | 10 | 3 | 5 |
5 | 日常操作舒适度 | 10 | 5 | 3 |
6 | SEO | 15 | 2 | 5 |
7 | 速度优化 | 10 | 2 | 5 |
8 | 多语言 | 5 | 4 | 5 |
9 | 安全性 | 10 | 5 | 3 |
10 | 限制性 | 10 | 3 | 5 |
合计 | 100 | 330 | 445 |