如何使用Cookie自定义网页内容

站长

2023年06月09日 22:45 · 阅读数 40

如果您开发网站或网络应用程序，总有一天您将不得不处理 cookie。这就是为什么我决定编写本教程，介绍如何根据用户来自的先前网页使用 cookie 来自定义网页。

我使用 PHP 编写了本教程，但您也可以使用其他流行的编程语言（如 Java、Python 等）设置 cookie。

在深入了解细节之前，让我们通过一个简短的介绍和一些建议。

（PHP/Java/Python教程：java567.com/?v=2306021）

什么是 Cookie？

Cookie 在网站的运行方式中起着至关重要的作用。它们还可以增强用户的浏览体验。

简单来说，cookie 是网站在用户浏览各种网页时存储在用户计算机或设备上的小文件。这些文件包含网站用来记住某些信息和设置的数据，最终为用户提高网站的性能和定制化。

当用户访问网站时，该网站的服务器会向用户的浏览器发送一个 cookie，然后将其存储在他们的计算机或设备上。下次用户访问同一网站时，浏览器会将存储的 cookie 发送回服务器。这使网站能够识别用户、记住他们的偏好并提供个性化内容。

Cookie 具有多种功能，例如记住登录信息、语言偏好和购物车内容。

例如，当您访问在线购物网站并将商品添加到购物车时，即使您导航到其他页面，cookie 也会帮助保留这些商品。Cookie 还可以记住您的登录详细信息，因此您不必在每次访问网站时都重新输入它们。

Cookie 还可用于跟踪用户行为和收集有关网站使用情况的信息。这些信息通常是匿名的，可帮助网站所有者分析流量模式、识别热门页面并改进网站的设计和功能。

广告商还使用 cookie 来根据用户的浏览习惯和兴趣投放有针对性的广告。这使他们能够展示用户更有可能感兴趣的相关广告。

关于 Cookie 和用户隐私的说明

Cookie 旨在成为增强用户体验和改进网站功能的工具。但对隐私和安全的担忧导致了使用 cookie 的法规和指南的制定。现在很多网站都提供cookie同意通知，让用户选择是接受还是拒绝cookie。

在过去几十年中，监管机构对 cookie 的使用进行了广泛讨论，强调了确保用户充分了解其实施的重要性。

在这方面取得了进展，包括欧盟 (EU) 引入了通用数据保护条例 (GDPR)。如需更全面的信息，您可以从欧盟官方门户网站获得详细的见解。

如果您正在考虑将 cookie 集成到您的应用程序中，我强烈建议您与您公司的法律部门讨论其影响或咨询拥有该领域专业知识的法律专业人士。通过这样做，您可以确保遵守管理 cookie 使用的法律和监管框架，并在此过程中保护用户隐私。

让我们开始吧

假设我经营着一个宠物爱好者电子商务网站，并且正在实施一项内容营销策略来吸引新客户。

我为爱猫人士创建了一个信息页面，为爱狗人士创建了另一个信息页面。这两个页面都指向同一页面，我在该页面上提供了有关养宠物的更多详细信息。

我希望此页面根据用户来自的页面显示特定（有针对性的）广告：如果他们访问了有关猫的页面，我希望他们看到有关猫食的广告。如果他们访问了有关狗的广告，我希望他们看到有关狗粮的广告。

如何使用Cookie自定义网页内容

让我们编码

我正在构建三个页面：

猫的恋人页面：mainPageCat.php（如下截图）

如何使用Cookie自定义网页内容

2.狗狗的情人页面：mainPageDog.php

如何使用Cookie自定义网页内容

3.目标页面：cookieTest.php

如何使用Cookie自定义网页内容

在构建页面 1 和 2 时，我使用 PHPsetcookie()函数设置 cookie。对于关于猫的页面，我将这些参数传递给函数：

 <?php
 $cookie_name = "cat";
 $cookie_value = "catFoodAds";
 setcookie($cookie_name, $cookie_value, time() + (86400 * 30), "/"); // 86400 = 1 day
 ?>

对于关于狗的页面，我传递了这些参数：

 <?php
 $cookie_name = "dog";
 $cookie_value = "dogFoodAds";
 setcookie($cookie_name, $cookie_value, time() + (86400 * 30), "/"); // 86400 = 1 day
 ?>

对于“更多信息”页面，我添加了一些逻辑。如果存储了猫 cookie，我将一个 CSS 类添加到狗广告卡片中以将其隐藏。如果存储的 cookie 是来自狗页面的 cookie，我会对猫广告卡执行相同的操作。

 <div class="row">
             <div class="col-md-3">
                 <div class="card <?php if(isset($_COOKIE['dog'])) echo ' cookieClass'; ?>" style="width: 18rem;">
                     <img class="card-img-top" src="https://images.unsplash.com/photo-1518791841217-8f162f1e1131?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDl8fHxlbnwwfHx8fA%3D%3D&w=1000&q=80" alt="Card image cap">
                     <div class="card-body">
                         <h5 class="card-title">Buy Food for Cats</h5>
                         <h6 class="card-subtitle mb-2 text-muted">Excellent Food</h6>
                         <p class="card-text">Don't know what else I could say about cat food.</p>
                         <a href="#" class="card-link">Buy</a>
                     </div>
                 </div>
             </div>
             <div class="col-md-3">
                 <div class="card ml-5 <?php if(isset($_COOKIE['cat'])) echo ' cookieClass'; ?>" style="width: 18rem;">
                     <img class="card-img-top" src="https://images.unsplash.com/photo-1561037404-61cd46aa615b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxjb2xsZWN0aW9uLXBhZ2V8MXwxMTU1Mjc2N3x8ZW58MHx8fHw%3D&w=1000&q=80" alt="Card image cap">  
                     <div class="card-body">
                         <h5 class="card-title">Buy Food for Dogs</h5>
                         <h6 class="card-subtitle mb-2 text-muted">Excellent Food</h6>
                         <p class="card-text">Don't know what else I could say about dog food.</p>
                         <a href="#" class="card-link">Buy</a>
                     </div>
                 </div>
             </div>
         </div>