如何为网站添加cookie弹出框

2024-06-15 647 0

什么是Cookie?

简单地说,cookies是由您的网络浏览器存储的小文件,让网络服务器跟踪您使用其网站的方式。

从你的浏览器访问一个网站似乎是一个简单的过程,但在幕后却稍微复杂一些。在一个网站显示在你的屏幕上之前,你的浏览器和服务器之间要进行一系列的来回沟通。

当你输入URL的时候,你的浏览器会向网站所在的服务器询问一些信息。另一方面,服务器也会要求你的浏览器提供一些信息作为回报。

一旦双方都满意并握手言和,你想访问的网站就会显现出来。

这就是Cookie发挥其作用的地方。他们对系统进行了一些优化。

Cookies存储了所有关于用户与网站互动的必要信息,并将这些信息提供给服务器,以便它能够在网站的所有页面和不同的会话中呈现出一致的体验。

当用户第一次访问一个网站时,他们的电脑上会产生一个cookie。如果他们再次访问同一网站,该cookie将被发送到服务器,其中包含他们之前如何使用该网站的信息。例如,如果你在一家网上商店的购物车中添加了一件物品,该物品往往会被列在一个cookie中。这样,当你浏览到另一个页面,甚至在另一个时间回到商店时,你的物品仍会在购物车中。

Cookie最初是为了提高用户体验而开发的,不需要许可。然而,cookies越来越多地被用来追踪用户,其方式可能出乎他们的意料。随着隐私问题在最近一段时间变得越来越重要,一些司法管辖区要求你在发送和接收来自用户电脑的cookies之前,必须得到用户的许可。

说到这里,让我们开始建立我们自己的WordPress cookie同意弹出窗口,给你的用户一个他们当之无愧的隐私。

但是,您的网站首先需要cookie同意吗?

您的网站是否需要一个Cookie同意弹出窗口?

让我们在这里说实话。大多数网站都使用cookie。然而,如果你不确定,你可以弄清楚你的网站是否储存了cookies。毕竟,为一个不使用cookie的网站开发一个cookie同意弹出窗口,不会是对时间的最佳利用。

要使用谷歌浏览器了解您的网站的cookie状态,请输入URL并等待它正常加载。接下来,点击您网站的URL旁边的锁形图标。在弹出的下拉菜单中,你会看到你的网站正在使用的cookies数量。

2024061416191527

如果有一个或多个cookie在使用,而你的网站被欧盟或加利福尼亚的人使用,你将需要为你的网站添加WordPress cookie同意弹出窗口。

在你的WordPress网站上添加一个Cookie同意弹出窗口

WordPress允许您只需点击几下就能在您的网站上添加一个cookie同意弹出窗口。你不需要任何编程知识就可以做到这一点。然而,掌握关于WordPress插件的一般信息对于优化你的WordPress使用是必要的。

WordPress提供了广泛的插件,可以将cookie同意弹出窗口整合到你的网站上。

在本教程中,我将使用免费的CookieYes插件。

安装CookieYes插件

你可以像其他插件一样,在WordPress仪表板上安装这个cookie同意弹出窗口插件。

将鼠标移到左侧导航栏的插件菜单上。

选择 "添加新的",你会被带到一个新的窗口,看到WordPress所提供的每一个可能的免费插件。

Add New Plugin
Add New Plugin
Add New Plugin

搜索CookieYes插件,并安装显示出来的第一个插件。

Installing CookieYes Plugin 一旦它被安装,激活它,你就可以开始了。

现在让我们看看这个cookie同意插件为你准备了哪些选项。

GDPR Cookie Consent设置

一旦你激活了该插件,它就会出现在左侧的导航栏中。将鼠标悬停在GPDR Cookie Consent上,选择设置

GDPR Settings

在这里,你可以为你的网站定制你的WordPress cookie同意弹出窗口。

在设置中,您将看到其他五个选项卡,所有这些都为您的弹出窗口提供不同种类的定制。在 "常规"选项卡中,你将能够启用或禁用弹出窗口。当你第一次访问设置时,它将被默认启用。

让我们深入了解一下 "常规"选项卡所提供的所有定制选项。

常规设置

除了简单地启用弹出窗口外,这个选项卡还允许你选择你的网站接受cookies所依据的法律类型。

每个地区都有自己的法律,当涉及到cookies时。因此,在选择最适合你的网站的选项之前,你将不得不稍微研究一下。

General Settings 此外,你可以选择在用户开始滚动时,弹出窗口是否会在一段时间后消失。如果弹出窗口以这种方式消失,这将意味着你假设用户已经同意你存储他们的信息。

以这种方式假设同意并不是一个好的做法。事实上,这是非常不道德的,因为用户在这里没有给你直接的许可,所以让我们保持这个选项被禁用。

现在,让我们继续定制我们的WordPress cookie同意弹出窗口。

自定义Cookie同意书弹出窗口

这就是弹出窗口在开始时的样子,就在你的主页的底部。

Initial Banner

你可以看到,这更像是一个横幅,而不是一个cookie同意弹出窗口。

然而,一旦你选择了接受所有选项,该弹出窗口将消失。它将不允许你看到你对它的任何进一步定制。出于测试的目的,你会希望保持这个弹出窗口的可见性,以便你能看到你所做的改变。你可以通过启用重访同意小组件来允许这一点。

这可以通过自定义Cookie Bar > Revisit content标签来完成。

Revisit Consent 这将允许你在你的网站上一直保留一个按钮,你可以从那里访问弹出菜单。如果你愿意,你也可以改变这个按钮的位置。在本教程中,它位于屏幕的左下方。

Manage Consent Button

要把cookie同意条幅变成一个弹出窗口,向下滚动到显示cookie条的选项,选择弹出窗口。然后,如果你想的话,你可以给它添加一个覆盖层。

给你的WordPress cookie同意弹出窗口添加一个覆盖物,将阻止用户访问网站,直到他们从弹出窗口采取一个行动。

Pop-up

这个标签上的其他选项将允许您改变您的弹出窗口的背景颜色、字体颜色和字体样式。你还可以为你的弹出窗口添加一个自定义信息和自定义标题,你可以利用这个选项来加强你的品牌信息。

但是,对于cookie同意书弹出窗口,是否有任何可用的按钮定制?

自定义按钮

这是设置菜单中的第三个标签--它允许您对cookie同意弹出窗口的按钮进行创意。

Customise Buttons

默认情况下,只有两个按钮被整合到您的弹出式菜单中。

以下是如何添加一个新的按钮:

  1. 从 "自定义按钮 "选项卡中选择您希望添加的按钮。
  2. 复制页面顶部括号内的代码。
  3. 再次前往 "自定义饼干栏"选项卡。
  4. 将代码粘贴到信息框中。

你可以在弹出窗口中添加四种不同的按钮。

比方说,我们想给我们的弹出窗口添加一个拒绝按钮,供那些不希望自己的信息被储存在服务器上的用户使用。为此,我们将在自定义Cookie Bar设置中的信息对话框中添加**[cookie_reject]**。

Adding a Reject Button

这就是那个拒绝按钮在你的弹出窗口上的显示方式。

Reject Button

集成一个按钮后,你可以改变它的大小、背景颜色、文本颜色,以及其他什么。你甚至可以添加一个链接到另一个网页,当用户点击你的cookie同意弹出窗口上的特定按钮时,他们将被重新定向到该网页。

Redirect to URL!

总结

几个简单的步骤,现在你已经有了一个集成到你的WordPress网站的cookie同意弹出窗口。CookieYes仅仅是一个插件。如果你愿意,你可以探索更多WordPress上的cookie插件。

这篇文章对你有帮助吗?
[评价次数: 3 满意度: 5]

相关文章

30 种方法教你提升WordPress 网站加载速度
gtranslate更改图标
wordpress访问403问题
宇宇博客完整搭建教程
WordPress网站自动维护
使用soundcloud让博客嵌入音频

发布评论