搜索
首页CMS教程WordPress新标题:设计一个WordPress Cookie同意弹窗

您是否遇到过一个网站会弹出一个小窗口,询问您是否同意他们存储您的 cookie?除非您同意或选择其他选项,否则该窗口不会消失。

这正是我们所说的“cookie 同意弹出窗口”。

在本指南中,我将解释如何通过几个简单的步骤将 Cookie 同意弹出窗口添加到您的 WordPress 网站。

但是,在我们继续添加 WordPress cookie 同意弹出窗口之前,我们首先需要了解为什么需要 cookie。

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

从浏览器访问网站可能看起来是一个简单的过程,但在幕后却稍微复杂一些。在网站显示在屏幕上之前,您的浏览器和服务器之间会发生一系列的来回通信。

当您输入 URL 时,您的浏览器将向托管网站的服务器询问一些信息。另一方面,服务器会要求您的浏览器返回一些信息。一旦双方都满意并握手,您要访问的网站就可见。

这就是 cookie 发挥作用的地方。他们对系统做了一些优化。 Cookie 存储有关用户与网站交互的所有必要信息,并将该信息提供给服务器,以便它可以在网站的所有页面和不同会话之间提供一致的体验。

当用户第一次访问网站时,他们的计算机上会创建一个 cookie。如果他们再次访问同一网站,cookie 将被发送到服务器,其中包含有关他们之前如何使用该网站的信息。例如,如果您将商品添加到在线商店的购物车中,则该商品通常会列在 Cookie 中。这样,当您导航到另一个页面甚至再次返回商店时,您的商品仍将位于购物车中。

Cookie 最初是为了增强用户体验而开发的,不需要许可。然而,cookie 越来越多地用于以用户意想不到的方式跟踪用户。近年来,随着隐私问题变得越来越重要,一些司法管辖区要求您在从用户的计算机发送和接收 cookie 之前必须获得用户的许可。

话虽如此,让我们开始构建我们自己的 WordPress cookie 同意弹出窗口,并为您的用户提供他们应得的隐私。

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

让我们说实话。大多数网站都使用cookie。但是,如果您不确定,您可以确定您的网站是否存储 cookie。毕竟,为不使用 cookie 的网站开发 cookie 同意弹出窗口并不是最好的利用时间的方式。

要使用 Google Chrome 了解您网站的 Cookie 状态,请输入 URL 并等待其正确加载。接下来,单击您网站 URL 旁边的锁图标。在弹出的下拉菜单中,您将看到您的网站正在使用的 Cookie 数量。

新标题:设计一个WordPress Cookie同意弹窗

如果正在使用一个或多个 Cookie,并且您的网站由欧盟或加利福尼亚州的用户使用,则您的网站需要一个 WordPress Cookie 同意弹出窗口。

WordPress 允许您只需点击几下即可将 Cookie 同意弹出窗口添加到您的网站。为此,您不需要任何编程知识。然而,拥有有关 WordPress 插件的一般信息对于优化您的 WordPress 使用是必要的。

WordPress 提供了多种插件,用于将 cookie 同意弹出窗口集成到您的网站。在本教程中,我将使用免费的 CookieYes 插件。

安装 CookieYes 插件

您可以像 WordPress 仪表板中的任何其他插件一样安装此 cookie 同意弹出插件。

将鼠标悬停在左侧导航栏中的插件菜单上。选择添加新插件,您将进入一个新窗口,其中包含 WordPress 提供的每个可能的免费插件。

新标题:设计一个WordPress Cookie同意弹窗

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

新标题:设计一个WordPress Cookie同意弹窗

安装完成后,激活它,然后就可以开始了。

现在让我们看看这个 cookie 同意插件为您提供了哪些选项。

激活后,该插件将出现在左侧导航栏中。将鼠标悬停在GPDR Cookie 同意上,然后选择设置

新标题:设计一个WordPress Cookie同意弹窗

您可以在此处为您的网站自定义 WordPress cookie 同意弹出窗口。

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

让我们更深入地了解常规选项卡提供的所有自定义选项。

常规设置

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

每个地区对于 Cookie 都有自己的法律。因此,在为您的网站选择最合适的选项之前,您必须先进行一些研究。

新标题:设计一个WordPress Cookie同意弹窗

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

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

现在,让我们继续自定义 WordPress Cookie 同意弹出窗口。

这是弹出窗口一开始的样子,位于主页底部:

新标题:设计一个WordPress Cookie同意弹窗

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

但是,一旦您选择了全部接受选项,弹出窗口就会消失。它不会让您看到您对其进行的任何进一步的自定义。出于测试目的,您需要保持此弹出窗口可见,以便您可以看到所做的更改。您可以通过启用重新访问同意小部件来允许此操作。

这可以通过自定义 Cookie Bar > 重新访问内容选项卡来完成。

新标题:设计一个WordPress Cookie同意弹窗

这将允许您始终在网站上保留一个按钮,您可以通过该按钮访问弹出菜单。如果需要,您也可以更改此按钮的位置。对于本教程,它位于屏幕的左下角。

新标题:设计一个WordPress Cookie同意弹窗

要将 Cookie 同意横幅变成弹出窗口,请向下滚动到将 Cookie 栏显示为选项,然后选择弹出窗口。如果需要,您可以向其添加叠加层。

向您的 WordPress cookie 同意弹出窗口添加覆盖层将阻止用户访问该网站,直到他们从弹出窗口中采取操作。

新标题:设计一个WordPress Cookie同意弹窗

此选项卡上的其他选项将允许您更改弹出窗口的背景颜色、字体颜色和字体样式。您还可以向弹出窗口添加自定义消息和自定义标题,该选项可用于强化您的品牌信息。

但是是否有任何按钮自定义可用于 cookie 同意弹出窗口?

自定义按钮

这是设置菜单中的第三个选项卡,它允许您使用 Cookie 同意弹出窗口的按钮发挥创意。

新标题:设计一个WordPress Cookie同意弹窗

默认情况下,弹出菜单中只会集成两个按钮。

以下是添加新按钮的方法:

  1. 自定义按钮标签中选择您要添加的按钮。
  2. 复制页面顶部括号中的代码。
  3. 再次前往自定义 Cookie 栏标签。
  4. 将代码粘贴到消息框中。

您可以向弹出窗口添加四种不同类型的按钮。

假设我们想在弹出窗口中为不希望其信息存储在服务器上的用户添加拒绝按钮。为此,我们将在自定义 Cookie 栏设置的消息对话框中添加[cookie_reject]

新标题:设计一个WordPress Cookie同意弹窗

这就是拒绝按钮在弹出窗口中显示的方式:

新标题:设计一个WordPress Cookie同意弹窗

集成按钮后,您可以更改其大小、背景颜色、文本颜色等。您甚至可以添加指向另一个网页的链接,当用户单击 Cookie 同意弹出窗口上的特定按钮时,用户将被重定向到该网页。

新标题:设计一个WordPress Cookie同意弹窗

结论

只需几个简单的步骤,现在您就可以将 Cookie 同意弹出窗口集成到您的 WordPress 网站中。 CookieYes 只是一个插件。如果需要,您可以探索 WordPress 上提供的更多 cookie 插件。

CodeCanyon 上还有数千个高级 WordPress 插件,可以帮助增强您企业的网站。浏览一下这个庞大的插件集合,您会在所有不同类型的类别中找到有用的插件,从营销到电子商务再到社交媒体。

这是最后一个提示:您应该让您的 cookie 同意弹出窗口尽可能简单且不引人注目。它有助于整体用户体验。事实上,此提示也适用于您希望在网站上显示的其他弹出窗口。

以上是新标题:设计一个WordPress Cookie同意弹窗的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
WordPress的插件生态系统如何增强其CMS功能?WordPress的插件生态系统如何增强其CMS功能?May 14, 2025 am 12:20 AM

WordPressPluginsscmscmscapabilities byferingCustomization和Functionality.1)超过50,000pluginsallowuserstalostailortheortheortheortheirsiteirsiteforseo,e-Commerce和security.2)pluginScaneCanextendCorefeatures,likeaddingcustostostposttypes.3 bullycanc.3)

WordPress适合电子商务吗?WordPress适合电子商务吗?May 13, 2025 am 12:05 AM

是的,WordPress非常适合做电商。 1)通过WooCommerce插件,WordPress可以快速变成功能全面的在线商店。 2)需要关注性能优化和安全性,定期更新和使用缓存、安全插件是关键。 3)WordPress提供了丰富的定制选项,提升用户体验和SEO优化效果显着。

如何在 Yandex 网站管理员工具中添加您的 WordPress 网站如何在 Yandex 网站管理员工具中添加您的 WordPress 网站May 12, 2025 pm 09:06 PM

您想将您的网站连接到Yandex网站管理员工具吗?Google搜索控制台、Bing和Yandex等网站管理员工具可帮助您优化网站、监控流量、管理robots.txt、检查网站错误等。在本文中,我们将分享如何在Yandex网站管理员工具中添加您的WordPress网站来监控您的搜索引擎流量。什么是Yandex?Yandex是一个位于俄罗斯的流行搜索引擎,类似于Google和Bing。您可以在Yandex中优

如何修复 WordPress 中的 HTTP 图片上传错误(简单)如何修复 WordPress 中的 HTTP 图片上传错误(简单)May 12, 2025 pm 09:03 PM

您需要修复WordPress中的HTTP图片上传错误吗?当您在WordPress中创建内容时,此错误可能会特别令人沮丧。当您使用内置WordPress媒体库将图像或其他文件上传到CMS时,通常会发生这种情况。在本文中,我们将向您展示如何轻松修复WordPress中的HTTP图片上传错误。WordPress媒体上传过程中出现HTTP错误的原因是什么?当您尝试使用WordPress媒体上传器将文件上传到Wo

如何修复添加媒体按钮在 WordPress 中不起作用的问题如何修复添加媒体按钮在 WordPress 中不起作用的问题May 12, 2025 pm 09:00 PM

最近,我们的一位读者报告说,他们的WordPress网站上的“添加媒体”按钮突然停止工作。此经典编辑器问题不会显示任何错误或警告,这使用户不知道为什么他们的“添加媒体”按钮不起作用。在本文中,我们将向您展示如何轻松修复WordPress中的“添加媒体”按钮不起作用的问题。是什么导致WordPress“添加媒体”按钮停止工作?如果您仍在使用旧的经典WordPress编辑器,那么“添加媒体”按钮允许您将图像、视频等插入博客文章中。

如何设置、获取和删除 WordPress Cookie(像专业人士一样)如何设置、获取和删除 WordPress Cookie(像专业人士一样)May 12, 2025 pm 08:57 PM

您想了解如何在WordPress网站上使用cookie吗?Cookie是在用户浏览器中存储临时信息的有用工具。您可以使用此信息通过个性化和行为定位来增强用户体验。在本终极指南中,我们将向您展示如何像专业人士一样设置、获取和删除WordPresscookie。注意:这是一个高级教程。它要求您精通HTML、CSS、WordPress网站和PHP。什么是Cookie?Cookie是用户访问网站时创建并存储在用户浏览

如何修复 WordPress 429 请求过多错误如何修复 WordPress 429 请求过多错误May 12, 2025 pm 08:54 PM

您是否在WordPress网站上看到“429请求过多”错误?此错误消息意味着用户向您网站的服务器发送了太多HTTP请求。此错误可能会非常令人沮丧,因为很难找出导致该错误的原因。在本文中,我们将向您展示如何轻松修复“WordPress429TooManyRequests”错误。是什么原因导致WordPress429请求过多错误?“429TooManyRequests”错误的最常见原因是用户、机器人或脚本尝试向网站

WordPress作为大型网站的CMS有多可扩展?WordPress作为大型网站的CMS有多可扩展?May 12, 2025 am 12:08 AM

WordPressCanHandLeLArgeWebsitesWithCareFulplanningAndOptimization.1)USECACHINGTOREDUCESERVERVERLOAD.2)优化YourdataBaseRegularly.3)actizeyourdatabaseregularly.3)ackdntododistibutecontent.4))

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。