PDPA | ต.ย. TOT cookie | รหัสต้นฉบับ TOT cookie | CSS & JQuery | CSS ภายใน | JS & Banner |
ต.ย. ข้อมูล cookie ของท่าน ที่ระบบขอใช้ เพื่อพัฒนาบริการ Cookie named 'p1' is not set!
ตัวอย่างการใช้งาน cookie
เพื่อพัฒนาบริการให้มีประสิทธิภาพ โปรดคลิ๊กตามลิงค์ด้านล่างนี้
1. รหัสต้นฉบับทั้งหมด เพื่อสร้าง banner ขอความยินยอม : (เชิญคลิ๊กครับ)
2. การเรียนใช้ external css และ jquery (เชิญคลิ๊กครับ)
3. รหัสต้นฉบับ เฉพาะส่วนของ CSS (เชิญคลิ๊กครับ)
4. ส่วนของ javascript และ banner (เชิญคลิ๊กครับ)
รหัสต้นฉบับทั้งหมด เพื่อสร้าง banner ขอความยินยอม 
<?php
setcookie();
$cookie_name = "ip";
$cookie_value = $_SERVER["REMOTE_ADDR"];
setcookie($cookie_name, $cookie_value, time() + (86400 * 30), "/"); // 86400 = 1 day
?><!DOCTYPE html><html lang="th"><head><title>ตัวอย่าง consent form ของ บริษัท ทีโอที จำกัด(มหาชน)</title>
<meta charset="utf-8" /><meta name="viewport" content="width=device-width,initial-scale=1" /><meta property="fb:app_id" content="457891482255937" />
<meta name="keywords" content="tot,cookie,consent,form,php,coding,policy,pdpa,personal,data,protection,act,2562" /><meta property="og:image" content="http://www.thaiall.com/pdpa/tot_cookie.jpg" />
<meta name="description" content="ตัวอย่าง consent form ของ บริษัท ทีโอที จำกัด(มหาชน) ซึ่งการขอความยินยอม ใช้คุกกี้ เพื่อพัฒนาบริการให้มีประสิทธิภาพ และเป็นไปตาม พระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 หน้า 52 เล่ม 136 ตอนที่ 69 ก ราชกิจจานุเบกษา 27 พฤษภาคม 2562 เพื่อกำหนดมาตรฐานในการดูแลข้อมูลส่วนบุคคล รักษาสิทธิ์ของเจ้าของข้อมูลและเปิดโอกาสให้สามารถพัฒนานวัตกรรมการใช้ข้อมูลในการขับเคลื่อนเศรษฐกิจได้อย่างถูกต้อง" />
<link type="text/css" rel="stylesheet" href="rsp81.css" /><link rel="icon" type="image/x-icon" href="rsp.ico" /><meta property="og:url" content="http://www.thaiall.com/pdpa/index.html" /><meta property="og:title" content="ข้อมูล พระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562" /><meta property="og:description" content="ตัวอย่าง consent form ของ บริษัท ทีโอที จำกัด(มหาชน) ซึ่งการขอความยินยอม ใช้คุกกี้ เพื่อพัฒนาบริการให้มีประสิทธิภาพ และเป็นไปตาม พระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 หน้า 52 เล่ม 136 ตอนที่ 69 ก ราชกิจจานุเบกษา 27 พฤษภาคม 2562 เพื่อกำหนดมาตรฐานในการดูแลข้อมูลส่วนบุคคล รักษาสิทธิ์ของเจ้าของข้อมูลและเปิดโอกาสให้สามารถพัฒนานวัตกรรมการใช้ข้อมูลในการขับเคลื่อนเศรษฐกิจได้อย่างถูกต้อง" /><meta property="og:type" content="article" />
<style type="text/css" media="all">
.cookiealert {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: #067fc3;
    background: linear-gradient(180deg, #067fc3 0%, #06e5e7 100%);
    padding: 20px 0 10px;
}
.cookiealert.show {opacity: 1;transform: translateY(0%);transition-delay: 1000ms}
.cookiealert .container{padding-right: 27%;}
.cookiealert .acceptcookies {margin-left: 10px;vertical-align: baseline}
.cookiealert .ly-txt {padding: 10px 0;}
.cookiealert .ly-txt a{color: white!important;}
.cookiealert .btn-block-cookie .btn_main{max-width: 170px;height: 45px;}
.cookiealert .btn-block-cookie .btn_main span{line-height: 43px;}
.cookiealert .icon-imgcorrect{padding-right: 9px;top: -5px;position: relative;max-width: 35px;}
.cookiealert .cookiealert-img-mobile {display: none}
.cookiealert .cookiealert-img-desktop {position: absolute;bottom: -4px;right: 0;width: 27%}
.cookiealert .visible-xss{display: none;}
.indent{text-indent: 30px;}
hr.tophr {margin: 0 auto;margin-top: 25px;}
@media only screen and (min-width:1750px){
	.cookiealert .container{padding-right: 17%;}
}
@media only screen and (max-width:480px) {
	.cookiealert .cookiealert-img-desktop {display: none}
	.cookiealert {padding: 15px 0;}
    .cookiealert .cookiealert-img-mobile {display: block;position: absolute;top: -100px;right: -30px;width: 50%;
    }
    .cookiealert .cookiealert-img-mobile img{max-width: 200px;}
    .cookiealert .container{padding-right: 0;}
    .cookiealert .visible-xss{display: block;}
    .cookiealert .txt-cookies-head{font-size: 16px;padding-bottom: 5px;}
    .cookiealert .ly-txt {padding: 0px;font-size: 13px;}
    .cookiealert .ly-txt a{color: white;}
    .cookiealert .btn-block-cookie{height: 40px;}
    .cookieaccepted{transform: scale(0.78);transform-origin: left;}
}
</style>
<link href="https://www.tot.co.th/js/vendors/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<link href="https://www.tot.co.th/css/style.css?v=2.2.1" type="text/css" rel="stylesheet" />
</head>
<body id="main" style="font-family:ChulabhornLikit;font-size:14px;line-height:unset;">

<!-- เนื้อหา -->

<script src="https://www.tot.co.th/js/vendors/jquery-3.2.0.min.js" type="text/javascript"></script>
<div>
	<div class="cookiealert" role="alert">
		<div class="container">
			<div class="hd_title white txt-cookies-head ly-head">
				<strong>"ยอมรับคุกกี้"</strong>
				<br class="visible-xss" />เพื่อให้เว็บไซต์นำเสนอ
				<br class="visible-xss" />ประสบการณ์ที่ดีขึ้นสำหรับคุณ
			</div>
			<div class="txt_content3 txt-cookies black ly-txt">
				บริษัทใช้คุกกี้ (Cookies) เพื่อเพิ่มประสบการณ์ และความพึงพอใจของท่าน เพื่อให้เว็บไซต์สามารถใช้งานได้ง่าย และมีประสิทธิภาพยิ่งขึ้น โดยการเข้าใช้เว็บไซต์นี้ถือว่าท่านได้อนุญาตให้เราใช้คุกกี้ตาม นโยบายคุกกี้ของบริษัท
				<a href="https://www.tot.co.th/cookie-policy" target="_blank">อ่านเพิ่มเติม</a>
			</div>
			<div class="btn-block-cookie"><a class="btn_main black cookieaccepted" href="javascript:void(0);">
				<img class="icon-imgcorrect" src="https://www.tot.co.th/images/default-source/default-album/cookie/btn-accept-cookies-arrow.png" /><span>ยอมรับคุกกี้</span></a>
			</div>
		</div>
		<div class="cookiealert-img-desktop"><img src="https://www.tot.co.th/images/default-source/default-album/cookie/cookies-desktop.png" /></div>
		<div class="cookiealert-img-mobile"><img src="https://www.tot.co.th/images/default-source/default-album/cookie/cookies-mobile.png" /></div>
	</div>
</div>
<script type="text/javascript">
//cookie
$(document).ready(function(){
	if(localStorage.getItem("AcceptCookie") == null){
		$('.cookiealert').addClass('show');
	}else{
		$('.cookiealert').removeClass('show');
	}            
	$('.cookieaccepted').click(function(){
		localStorage.setItem("AcceptCookie", "yes");
		$('.cookiealert').removeClass('show');
	});
});
//end cookie
</script>
</body></html>
Thaiall.com