Paano Magdagdag ng Cookie Consent sa Iyong Website

Para magdagdag ng cookie consent, unang ilista kung ano ang iniimbak ng site mo sa browser ng mga bisita, at ihiwalay ang talagang kailangan sa opsyonal. Pagkatapos, magdagdag ng banner, mula sa consent management platform o gawin mo mismo, na humaharang sa opsyonal na scripts tulad ng analytics at ad pixels hanggang tanggapin ito ng bisita. Dapat may "Reject" na kasing-dali ng "Accept", naaalala nito ang pinili, at puwedeng baguhin ito ng tao sa susunod. Ang banner na lumalabas pero walang hinaharang ay hindi gumagawa ng trabaho nito.

Pangkalahatang impormasyon lang ang guide na ito tungkol sa kung paano gumagana ang consent banners sa teknikal na paraan, hindi legal advice. Nag-iiba ang mga patakaran sa privacy ayon sa bansa at nagbabago; tingnan ang mga patakarang nalalapat sa mga bisita mo, o magtanong sa adviser.

Ano ang nangangailangan ng consent (sa pangkalahatang termino)

Karaniwang sakop ng mga patakaran sa cookie ang cookies at katulad na teknolohiya: localStorage, tracking pixels, device fingerprinting. Ito ang karaniwang paghahati, batay sa gabay ng EU at UK:

Ang ilang detalye na madaling magkamali:

• Gumagamit ng opt-in model ang EU at UK: naghihintay ang opsyonal na cookies hanggang sumang-ayon ang bisita. Sinasabi ng mga regulator tulad ng ICO ng UK na dapat malinaw na positibong aksyon ang consent, at dapat madaling i-enable o i-disable ng mga tao ang hindi kinakailangang cookies.
• Nagbago ang UK noong 2025. Pinapayagan ng Data (Use and Access) Act 2025 na may ilang cookies na itakda nang walang consent, kabilang ang analytics na ginagamit lang para pagbutihin ang sarili mong site at gumagawa ng pinagsama-samang estadistika na hindi makakapagtukoy ng tao, na may tungkuling malinaw itong sabihin sa users. Basahin ang kasalukuyang gabay ng ICO bago ito pagkatiwalaan.
• Gumagamit ng opt-out model ang ilang estado ng US para sa "pagbenta" o "pagbabahagi" ng personal na data para sa targeted advertising, at may ilan na inaasahang igagalang ang browser-level na Global Privacy Control signal.
• Google ads: noong Setyembre 2026, hinihingi ng Google sa mga publisher na gumagamit ng AdSense, Ad Manager o AdMob na gumamit ng Google-certified na consent management platform na naka-integrate sa Transparency and Consent Framework ng IAB kapag nagpapakita ng ads sa EEA, UK at Switzerland.

Mga opsyon: CMP, library o custom

Maliit ang tingin sa huling opsyon pero sulit itong isaalang-alang. Kung bilang lang ng bisita ang kailangan mo, maaaring alisin ng cookieless analytics tool ang pangangailangan ng banner sa maraming lugar. Suriin ang dokumentasyon nito at ang mga lokal na patakaran mo.

Kung nagpapatakbo ka ng Google ads sa Europa, ang certified na CMP ang praktikal na pagpipilian. Para sa maliit na negosyong site na analytics lang ang gamit, kadalasang sapat na ang maayos na custom na banner o library.

Paano gumagana ang banner sa ilalim

Ang bahaging madalas nilalaktawan ay ang blocking. Ito ang tamang setup:

1. Bago ang anumang pagpili, tanging talagang kailangang cookies at scripts lang ang tatakbo. Hindi nilo-load ang analytics, pixels at embeds (o, sa Google tags, nilo-load pero naka-denied ang consent).
2. Ipinapakita ng banner ang malinaw na pagpipilian sa unang layer: Accept all, Reject all, at paraan para pumili ayon sa kategorya.
3. Kapag may pinili, sine-save ito ng site, karaniwang sa first-party cookie o localStorage, kasama ang version at petsa, at pagkatapos ay nilo-load lang ang mga tinanggap na kategorya.
4. Sa mga susunod na pagbisita, binabasa muna ang naka-save na pinili bago mag-load ang anumang opsyonal.
5. May link na "Cookie settings", kadalasan sa footer, na nagbubukas muli ng mga pagpipilian anumang oras. Dapat kasing-dali ang pagbawi ng consent gaya ng pagbigay nito.
6. Kapag binago mo ang ginagamit mo, itaas ang version para tanungin ulit ang mga tao.

Google consent mode

Para sa Google Analytics at Google Ads, ikinokonekta ng consent mode ng Google ang tags sa banner. Noong Setyembre 2026, inilalarawan ng dokumentasyon ng Google ang apat na pangunahing uri ng consent: ad_storage, analytics_storage, ad_user_data at ad_personalization. Nagtatakda ka ng default bago mag-load ang Google tag, at pagkatapos ay isang update kapag pumili ang bisita:

gtag('consent', 'default', {
  ad_storage: 'denied',
  ad_user_data: 'denied',
  ad_personalization: 'denied',
  analytics_storage: 'denied'
});
// later, when the visitor accepts analytics only:
gtag('consent', 'update', { analytics_storage: 'granted' });

Inilalarawan ng Google ang basic na implementasyon, kung saan hindi mag-lo-load ang tags hangga't walang consent, at ang advanced na implementasyon, kung saan nagloload ang tags na naka-denied ang consent at nagpapadala ng cookieless signals. Mas simple unawain ang basic. Para sa trapiko sa EEA, inaasahan ng Google na ipadala ang signals na ad_user_data at ad_personalization. Tingnan ang paano mag-set up ng Google Analytics para sa mismong tag.

Mga prompt na gumagana

Magdagdag ng cookie consent banner. Mga kategorya: kinakailangan (laging naka-on), analytics (Google Analytics 4) at marketing (Meta pixel). Walang anumang nasa analytics o marketing na puwedeng mag-load bago ang consent. Unang screen: "Accept all", "Reject all" at "Customise", pantay ang prominence. I-save ang pinili na may version number at petsa sa first-party cookie sa loob ng 6 na buwan, i-load lang ang mga tinanggap na kategorya, at magdagdag ng link na "Cookie settings" sa footer na muling nagbubukas ng banner. Gamitin ang Google consent mode na may lahat ng apat na uri na naka-default sa denied.

Ilista ang bawat cookie, localStorage key at third-party script na ginagamit ng site na ito, aling page ang nag-lo-load nito, at kung talagang kailangan ito. Mag-output ng table na magagamit ko para sa cookie policy.

Ang mga YouTube embed sa /about ay nag-lo-load bago ang consent. Palitan ang mga ito ng thumbnail at play button na magloload lang ng video pagkatapos i-click ng bisita, at magpakita ng abiso na maaaring maglagay ang YouTube ng cookies.

Step by step

1. Suriin kung ano ang itinatakda ng site mo: buksan ang DevTools → Application → Cookies at Local Storage sa bagong bisita, at tingnan ang Network tab para sa third-party requests. Isama ang embeds at chat widgets.
2. Ikategorya ang bawat item: kinakailangan, preferences, analytics, marketing. Alisin ang anumang hindi mo ginagamit.
3. Magpasya ng paraan: CMP, library o custom, base sa table sa itaas.
4. Ipatupad ang blocking para mag-load lang ang opsyonal na scripts pagkatapos ng consent. Para sa Google tags, ilagay ang consent mode defaults bago ang tag.
5. Gawin ang banner na may pantay na Accept at Reject, mga pagpipilian sa kategorya, at settings link.
6. Isulat ang cookie policy (kadalasang bahagi ng privacy policy) na naglilista ng ginagamit mo at kung bakit; tingnan ang paano magsulat ng terms of service at privacy policy.
7. Subukan sa private window: bago pumili, walang opsyonal na cookies o requests; pagkatapos mag-reject, wala pa rin; pagkatapos mag-accept, lumalabas ang tamang cookies; pagkatapos magbago ng isip, humihinto ang mga ito.
8. Suriin muli tuwing magdadagdag ka ng bagong tool.

Mga karaniwang pagkakamali

• Banner na walang hinaharang. Tumatakbo ang scripts pagkaload ng page habang nagtatanong nang magalang ang banner.
• Malaking button ang Accept, nakatago ang Reject sa pangalawang screen o sa kulay-abong link.
• Mga kategoryang naka-tsek na agad o mga toggle na "legitimate interest" na naka-on binibilang na default.
• Walang paraan para magbago ng isip pagkatapos ng unang pinili.
• Nakakalimutan ang embeds: YouTube, maps, social feeds at chat widgets ay puwede ring maglagay ng cookies.
• Paulit-ulit na nagtatanong sa bawat pag-load ng page dahil hindi maayos na naka-save ang pinili.
• Tumatakip ang banner sa page sa mga telepono, o nakakulong ang keyboard focus. Gawin itong accessible at sapat na maliit para malampasan.
• Pagkopya sa policy ng ibang site na naglalarawan ng cookies na hindi mo naman ginagamit.

Consent checklist

• Nakalista at naikategorya ang bawat cookie, storage key at third-party script
• Naka-block ang opsyonal na scripts hanggang consent (nakumpirma sa DevTools)
• Pantay ang kadalian ng Accept at Reject sa unang layer
• May mga pagpipilian sa kategorya; walang opsyonal na naka-pre-select
• Naka-save ang pinili na may version at petsa; tinatanong ulit pagkatapos ng mga pagbabago
• May link na "Cookie settings" sa bawat page
• Nakatakda ang Google consent mode defaults bago ang Google tags, kung ginagamit
• Tumutugma ang cookie o privacy policy sa aktuwal na ginagawa ng site
• Nasuri ang mga patakaran para sa mga bansa ng bisita ayon sa kasalukuyang gabay o adviser

Para sa pangunahing kaalaman, basahin ang ano ang cookies at ano ang GDPR.

Cookie consent sa Mythex

Hindi nagdadagdag ang Mythex ng consent banner o analytics sa app mo nang mag-isa; parehong bagay na hinihingi mo, kaya ikaw ang nagpapasya kung ano ang mag-lo-load. Patakbuhin muna ang audit prompt, pagkatapos ang banner prompt gamit ang tunay mong mga kategorya, at subukan sa Preview na bukas ang DevTools bago mag-publish. Kung gumagamit ka ng hosted na CMP, bibigyan ka nito ng script at ID; pampubliko ang ID at puwede itong ilagay sa front-end code, pero ang anumang secret ay dapat nasa project settings (environment variables at secrets). Mag-publish ulit pagkatapos ng mga pagbabago para magamit ng live site ang bagong banner.

Mga tanong