如何使用Cookie自定義網(wǎng)頁內(nèi)容
我使用 PHP 編寫了本教程,但您也可以使用其他流行的編程語言(如 Java、Python 等)設(shè)置 cookie。
在深入了解細節(jié)之前,讓我們通過一個簡短的介紹和一些建議。
(PHP/Java/Python教程:
)什么是 Cookie?
Cookie 在網(wǎng)站的運行方式中起著至關(guān)重要的作用。它們還可以增強用戶的瀏覽體驗。
簡單來說,cookie 是網(wǎng)站在用戶瀏覽各種網(wǎng)頁時存儲在用戶計算機或設(shè)備上的小文件。這些文件包含網(wǎng)站用來記住某些信息和設(shè)置的數(shù)據(jù),最終為用戶提高網(wǎng)站的性能和定制化。
當用戶訪問網(wǎng)站時,該網(wǎng)站的服務(wù)器會向用戶的瀏覽器發(fā)送一個 cookie,然后將其存儲在他們的計算機或設(shè)備上。下次用戶訪問同一網(wǎng)站時,瀏覽器會將存儲的 cookie 發(fā)送回服務(wù)器。這使網(wǎng)站能夠識別用戶、記住他們的偏好并提供個性化內(nèi)容。
Cookie 具有多種功能,例如記住登錄信息、語言偏好和購物車內(nèi)容。
例如,當您訪問在線購物網(wǎng)站并將商品添加到購物車時,即使您導航到其他頁面,cookie 也會幫助保留這些商品。Cookie 還可以記住您的登錄詳細信息,因此您不必在每次訪問網(wǎng)站時都重新輸入它們。
Cookie 還可用于跟蹤用戶行為和收集有關(guān)網(wǎng)站使用情況的信息。這些信息通常是匿名的,可幫助網(wǎng)站所有者分析流量模式、識別熱門頁面并改進網(wǎng)站的設(shè)計和功能。
廣告商還使用 cookie 來根據(jù)用戶的瀏覽習慣和興趣投放有針對性的廣告。這使他們能夠展示用戶更有可能感興趣的相關(guān)廣告。
關(guān)于 Cookie 和用戶隱私的說明
Cookie 旨在成為增強用戶體驗和改進網(wǎng)站功能的工具。但對隱私和安全的擔憂導致了使用 cookie 的法規(guī)和指南的制定?,F(xiàn)在很多網(wǎng)站都提供cookie同意通知,讓用戶選擇是接受還是拒絕cookie。
在過去幾十年中,監(jiān)管機構(gòu)對 cookie 的使用進行了廣泛討論,強調(diào)了確保用戶充分了解其實施的重要性。
在這方面取得了進展,包括歐盟 (EU) 引入了通用數(shù)據(jù)保護條例 (GDPR)。如需更全面的信息,您可以從歐盟官方門戶網(wǎng)站獲得詳細的見解。
如果您正在考慮將 cookie 集成到您的應用程序中,我強烈建議您與您公司的法律部門討論其影響或咨詢擁有該領(lǐng)域?qū)I(yè)知識的法律專業(yè)人士。通過這樣做,您可以確保遵守管理 cookie 使用的法律和監(jiān)管框架,并在此過程中保護用戶隱私。
讓我們開始吧
假設(shè)我經(jīng)營著一個寵物愛好者電子商務(wù)網(wǎng)站,并且正在實施一項內(nèi)容營銷策略來吸引新客戶。
我為愛貓人士創(chuàng)建了一個信息頁面,為愛狗人士創(chuàng)建了另一個信息頁面。這兩個頁面都指向同一頁面,我在該頁面上提供了有關(guān)養(yǎng)寵物的更多詳細信息。
我希望此頁面根據(jù)用戶來自的頁面顯示特定(有針對性的)廣告:如果他們訪問了有關(guān)貓的頁面,我希望他們看到有關(guān)貓食的廣告。如果他們訪問了有關(guān)狗的廣告,我希望他們看到有關(guān)狗糧的廣告。
讓我們編碼
我正在構(gòu)建三個頁面:
貓的戀人頁面:mainPageCat.php(如下截圖)
2.狗狗的情人頁面:mainPageDog.php
3.目標頁面:cookieTest.php
在構(gòu)建頁面 1 和 2 時,我使用 PHPsetcookie()
函數(shù)設(shè)置 cookie。對于關(guān)于貓的頁面,我將這些參數(shù)傳遞給函數(shù):
?<?php
?$cookie_name = "cat";
?$cookie_value = "catFoodAds";
?setcookie($cookie_name, $cookie_value, time() + (86400 * 30), "/"); // 86400 = 1 day
??>
對于關(guān)于狗的頁面,我傳遞了這些參數(shù):
?<?php
?$cookie_name = "dog";
?$cookie_value = "dogFoodAds";
?setcookie($cookie_name, $cookie_value, time() + (86400 * 30), "/"); // 86400 = 1 day
??>
對于“更多信息”頁面,我添加了一些邏輯。如果存儲了貓 cookie,我將一個 CSS 類添加到狗廣告卡片中以將其隱藏。如果存儲的 cookie 是來自狗頁面的 cookie,我會對貓廣告卡執(zhí)行相同的操作。
?<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="#">Buy</a>
? ? ? </div>
? ? ?</div>
? ? </div>
? ? <div>
? ? ?<div class="card ml-5 <?php if(isset($_COOKIE['cat'])) echo ' cookieClass'; ?>" style="width: 18rem;">
? ? ? <img 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>
? ? ? ?<h5>Buy Food for Dogs</h5>
? ? ? ?<h6 class="card-subtitle mb-2 text-muted">Excellent Food</h6>
? ? ? ?<p>Don't know what else I could say about dog food.</p>
? ? ? ?<a href="#" class="card-link">Buy</a>
? ? ? </div>
? ? ?</div>
? ? </div>
? ?</div>
讓我們看看它是如何工作的
我以想要訪問有關(guān)貓的頁面的用戶身份測試流程。我在瀏覽器地址欄中輸入:
https://<base_url>/mainPageCat.php
如您所見,我看到了我構(gòu)建的頁面,cookie 存儲在我的瀏覽器中
如果我點擊號召性用語(藍色按鈕),我會看到僅包含貓食廣告的更多詳細信息頁面:
現(xiàn)在讓我們?yōu)閻酃啡耸繙y試一下流程。首先,我從瀏覽器中刪除 cookie(或使用隱身模式),然后訪問此 URL:
https://<base_url>/mainPageDog.php
這是我看到的:
正如我們再次看到的,我看到了我構(gòu)建的頁面并且 cookie 存儲在我的瀏覽器中
如果我點擊號召性用語(藍色按鈕),我會看到僅包含狗糧廣告的更多詳細信息頁面。
(PHP/Java/Python教程: