465 lines
20 KiB
HTML
465 lines
20 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>測試</title>
|
||
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600" rel="stylesheet"><!-- End Google font -->
|
||
<!-- BEGIN PLUGINS STYLES -->
|
||
<link rel="stylesheet" href="assets/vendor/@fortawesome/fontawesome-free/css/all.min.css"><!-- END PLUGINS STYLES -->
|
||
<!-- BEGIN THEME STYLES -->
|
||
<link rel="stylesheet" href="assets/stylesheets/theme.min.css" data-skin="default">
|
||
<link rel="stylesheet" href="assets/stylesheets/custom.css">
|
||
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
||
|
||
<!-- Google tag (gtag.js) -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-F1FH9SR1JC"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag() { dataLayer.push(arguments); }
|
||
gtag('js', new Date());
|
||
|
||
//gtag('config', 'G-2G92RZQS1G');
|
||
gtag('config', 'G-F1FH9SR1JC');
|
||
</script>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="app">
|
||
<!-- .app-main -->
|
||
<main class="app-main">
|
||
<!-- .wrapper -->
|
||
<div class="wrapper">
|
||
<!-- .page -->
|
||
<div class="page">
|
||
<div class="page-inner">
|
||
<div class="form-group">
|
||
<div class="form-label-group">
|
||
<input type="text" id="line_displayname" class="form-control" placeholder="姓名" autofocus=""> <label for="login_id">姓名</label>
|
||
</div>
|
||
</div><!-- /.form-group -->
|
||
<div class="form-group">
|
||
<div class="form-label-group">
|
||
<input type="text" id="line_phone" class="form-control" placeholder="電話" autofocus=""> <label for="login_phone">電話</label>
|
||
</div>
|
||
</div><!-- /.form-group -->
|
||
<div class="form-group">
|
||
<div class="form-label-group">
|
||
<input type="text" readonly="readonly" id="line_uid" class="form-control" placeholder="Line UID" autofocus=""> <label for="login_uid">Line UID</label>
|
||
</div>
|
||
</div><!-- /.form-group -->
|
||
<!-- .form-group -->
|
||
<div class="form-group">
|
||
<button id="submit_btn" class="btn btn-lg btn-primary btn-block" type="button">確定送出</button>
|
||
</div><!-- /.form-group -->
|
||
</div>
|
||
</div><!-- /.page -->
|
||
</div><!-- /.wrapper -->
|
||
</main><!-- /.app-main -->
|
||
</div>
|
||
|
||
|
||
<script src="jquery/jquery.min.js"></script>
|
||
<script src="assets/vendor/jquery.cookie/jquery.cookie.js"></script>
|
||
<script src="assets/vendor/popper.js/umd/popper.min.js"></script>
|
||
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
|
||
<script src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script>
|
||
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/javascript/theme.js"></script> <!-- END THEME JS -->
|
||
|
||
<script>
|
||
var search_url = location.search;
|
||
var line_uid = "";
|
||
var line_name = "";
|
||
|
||
$(document).ready(function () {
|
||
(function ($) {
|
||
$.UrlParam = function (name) {
|
||
//宣告正規表達式
|
||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||
/*
|
||
* window.location.search 獲取URL ?之後的參數(包含問號)
|
||
* substr(1) 獲取第一個字以後的字串(就是去除掉?號)
|
||
* match(reg) 用正規表達式檢查是否符合要查詢的參數
|
||
*/
|
||
var r = window.location.search.substr(1).match(reg);
|
||
//如果取出的參數存在則取出參數的值否則回穿null
|
||
//if (r != null) return r[2]; return '';
|
||
if (r != null) return unescape(r[2]); return '';
|
||
}
|
||
})(jQuery);
|
||
|
||
|
||
gtag('event', 'page_view', {
|
||
page_title: '',
|
||
page_location: '',
|
||
'utm_source': $.UrlParam("utm_source"),
|
||
'utm_medium': $.UrlParam("utm_medium"),
|
||
'utm_campaign': $.UrlParam("utm_campaign"),
|
||
'utm_content': $.UrlParam("utm_content"),
|
||
'utm_term': $.UrlParam("utm_term")
|
||
});
|
||
|
||
var utm_source = escape($.UrlParam("utm_source"));
|
||
var utm_medium = escape($.UrlParam("utm_medium"));
|
||
var utm_campaign = escape($.UrlParam("utm_campaign"));
|
||
var utm_content = escape($.UrlParam("utm_content"));
|
||
var utm_term = escape($.UrlParam("utm_term"));
|
||
|
||
var reg2 = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||
var param_url = window.location.search.substr(1).match(reg2);
|
||
|
||
var line_uid = getUrlParameter("uid");
|
||
var user_name = getUrlParameter("username");
|
||
var phone = getUrlParameter("phone");
|
||
|
||
|
||
|
||
if (line_uid == '' || user_name == '') {
|
||
alert('請先登入Line綁定會員!');
|
||
|
||
location.href = "https://liff.line.me/1655253332-w8On6p2r?traceId=109&&utm_source=" + utm_source + "&utm_medium=" + utm_medium + "&utm_campaign=" + utm_campaign + "&utm_content=" + utm_content + "&utm_term=" + utm_term;
|
||
}
|
||
|
||
$('#line_displayname').val(user_name).trigger('change');
|
||
$('#line_phone').val(phone).trigger('change');
|
||
$('#line_uid').val(line_uid).trigger('change');
|
||
|
||
|
||
$('#submit_btn').on('click', function () {
|
||
var displayname = $('#line_displayname').val();
|
||
var line_phone = $('#line_phone').val();
|
||
var line_uid = $('#line_uid').val();
|
||
|
||
if (displayname.length == 0) {
|
||
alert('請輸入姓名!');
|
||
return;
|
||
}
|
||
|
||
if (line_phone.length == 0) {
|
||
alert('請輸入電話!');
|
||
return;
|
||
}
|
||
|
||
gtag('event', 'form_submit_success', {
|
||
'utm_source': $.UrlParam("utm_source"),
|
||
'utm_medium': $.UrlParam("utm_medium"),
|
||
'utm_campaign': $.UrlParam("utm_campaign"),
|
||
'utm_content': $.UrlParam("utm_content"),
|
||
'utm_term': $.UrlParam("utm_term")
|
||
}
|
||
);
|
||
|
||
location.href = "page1.html" + search_url;
|
||
});
|
||
});
|
||
|
||
var getUrlParameter = function getUrlParameter(sParam) {
|
||
var sPageURL = window.location.search.substring(1),
|
||
sURLVariables = sPageURL.split('&'),
|
||
sParameterName,
|
||
i;
|
||
|
||
for (i = 0; i < sURLVariables.length; i++) {
|
||
sParameterName = sURLVariables[i].split('=');
|
||
|
||
if (sParameterName[0] === sParam) {
|
||
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
|
||
}
|
||
}
|
||
return false;
|
||
};
|
||
|
||
//return;
|
||
|
||
|
||
|
||
//var liffID = '2006708411-0lWgQ4Va';
|
||
//liff.init({
|
||
// liffId: liffID
|
||
//}).then(function () {
|
||
|
||
// //if (!liff.isInClient()) {
|
||
// // alert("請在Line App裡開啟!");
|
||
// // return;
|
||
// //}
|
||
|
||
|
||
// console.log('LIFF init');
|
||
// // 這邊開始寫使用其他功能
|
||
// if (!liff.isLoggedIn()) {
|
||
// console.log("你還沒登入Line哦！");
|
||
// //liff.login({ redirectUri: "https://abbott-2024-event.bremennetwork.tw/abbott-2024/Line/" + search_url });
|
||
// liff.login({ redirectUri: "https://www.abbott-nutrition.com.tw/pediasure/4Ip2xCJElotaBUKBNJuz9sUY5/" + search_url });
|
||
// } else {
|
||
|
||
|
||
|
||
|
||
|
||
|
||
// method = getUrlParameter("method");
|
||
// //alert(method);
|
||
// liff.getProfile()
|
||
// .then(profile => {
|
||
// line_uid = profile.userId;
|
||
// line_name = profile.displayName;
|
||
|
||
// $('#line_displayname').val(line_name).trigger('change');
|
||
|
||
// //測試
|
||
// if (method == "test") {
|
||
// var formData = {
|
||
// uid: "Ud08c721e9f14c02da8a000ac0900f3f7",
|
||
// finished: "game3"
|
||
// }
|
||
|
||
// $.ajax({
|
||
// url: "https://heineken-line.horyuken.com/api/gamestatus",
|
||
// type: "POST",
|
||
// data: formData,
|
||
// success: function (data, textStatus, jqXHR) {
|
||
// if (data.ret == "yes") {
|
||
// liff.closeWindow();
|
||
// } else {
|
||
|
||
// if (data.err_code == "0004") {
|
||
// alert('您尚未報名活動喔!');
|
||
// } else {
|
||
// alert(data.message);
|
||
// }
|
||
|
||
// liff.closeWindow();
|
||
// }
|
||
|
||
|
||
// },
|
||
// error: function (jqXHR, textStatus, errorThrown) {
|
||
// alert('網路或伺服器發生錯誤，請稍後重試!');
|
||
// liff.closeWindow();
|
||
// }
|
||
// });
|
||
// }
|
||
|
||
// //報到
|
||
// if (method == "checkin") {
|
||
// var formData = {
|
||
// uid: line_uid,
|
||
// name: line_name
|
||
// }
|
||
|
||
// $.ajax({
|
||
// url: "/api/checkin",
|
||
// type: "POST",
|
||
// data: formData,
|
||
// success: function (data, textStatus, jqXHR) {
|
||
// if (data.ret == "yes") {
|
||
// location.href = "https://r.botbonnie.com/5qq3b";
|
||
// //liff.closeWindow();
|
||
// } else {
|
||
|
||
// if (data.err_code == "0001") {
|
||
// alert('您尚未報名活動喔!');
|
||
// } else {
|
||
// alert(data.message);
|
||
// }
|
||
|
||
// liff.closeWindow();
|
||
// }
|
||
|
||
|
||
// },
|
||
// error: function (jqXHR, textStatus, errorThrown) {
|
||
// alert(textStatus);
|
||
// alert('網路或伺服器發生錯誤，請稍後重試!');
|
||
// liff.closeWindow();
|
||
// }
|
||
// });
|
||
// }
|
||
|
||
// //vip報到
|
||
// if (method == "vip_checkin") {
|
||
// var formData = {
|
||
// uid: line_uid,
|
||
// name: line_name
|
||
// }
|
||
|
||
// $.ajax({
|
||
// url: "/api/vip_checkin",
|
||
// type: "POST",
|
||
// data: formData,
|
||
// success: function (data, textStatus, jqXHR) {
|
||
// if (data.ret == "yes") {
|
||
// location.href = "https://r.botbonnie.com/5qq3b";
|
||
// //liff.closeWindow();
|
||
// } else {
|
||
|
||
// if (data.err_code == "0001") {
|
||
// alert('您尚未報名活動喔!');
|
||
// } else {
|
||
// alert(data.message);
|
||
// }
|
||
|
||
// liff.closeWindow();
|
||
// }
|
||
|
||
|
||
// },
|
||
// error: function (jqXHR, textStatus, errorThrown) {
|
||
// alert('網路或伺服器發生錯誤，請稍後重試!');
|
||
// liff.closeWindow();
|
||
// }
|
||
// });
|
||
// }
|
||
|
||
// //準備釀造之旅
|
||
// if (method == "readyplay") {
|
||
// var formData = {
|
||
// uid: line_uid
|
||
// }
|
||
|
||
// $.ajax({
|
||
// url: "/api/readyplay",
|
||
// type: "POST",
|
||
// data: formData,
|
||
// success: function (data, textStatus, jqXHR) {
|
||
// if (data.ret == "yes") {
|
||
// liff.closeWindow();
|
||
// } else {
|
||
|
||
// if (data.err_code == "0001") {
|
||
// alert('您尚未報名活動喔!');
|
||
// } else {
|
||
// alert(data.message);
|
||
// }
|
||
|
||
// liff.closeWindow();
|
||
// }
|
||
|
||
|
||
// },
|
||
// error: function (jqXHR, textStatus, errorThrown) {
|
||
// alert('網路或伺服器發生錯誤，請稍後重試!');
|
||
// liff.closeWindow();
|
||
// }
|
||
// });
|
||
// }
|
||
|
||
// //領取啤酒
|
||
// if (method == "getBeer") {
|
||
|
||
// if (confirm("限工作人員點擊才能領取喔!") == true) {
|
||
// var formData = {
|
||
// uid: line_uid
|
||
// }
|
||
|
||
// $.ajax({
|
||
// url: "/api/getBeer",
|
||
// type: "POST",
|
||
// data: formData,
|
||
// success: function (data, textStatus, jqXHR) {
|
||
// if (data.ret == "yes") {
|
||
// liff.closeWindow();
|
||
// } else {
|
||
|
||
// if (data.err_code == "0004") {
|
||
// alert('您尚未報名活動喔!');
|
||
// liff.closeWindow();
|
||
// } else {
|
||
// if (data.err_code == "0009") {
|
||
// alert('您已經領過啤酒了喔!');
|
||
// liff.closeWindow();
|
||
// } else {
|
||
// alert(data.message);
|
||
// liff.closeWindow();
|
||
// }
|
||
// }
|
||
|
||
|
||
|
||
|
||
// liff.closeWindow();
|
||
// }
|
||
|
||
|
||
// },
|
||
// error: function (jqXHR, textStatus, errorThrown) {
|
||
// alert('網路或伺服器發生錯誤，請稍後重試!');
|
||
// liff.closeWindow();
|
||
// }
|
||
// });
|
||
// }
|
||
// else {
|
||
// liff.closeWindow();
|
||
// }
|
||
// }
|
||
|
||
// //開始體驗
|
||
// if (method == "gamestatus") {
|
||
// var formData = {
|
||
// uid: line_uid,
|
||
// finished: "nogame"
|
||
// }
|
||
|
||
// $.ajax({
|
||
// url: "/api/gamestatus",
|
||
// type: "POST",
|
||
// data: formData,
|
||
// success: function (data, textStatus, jqXHR) {
|
||
// if (data.ret == "yes") {
|
||
// liff.closeWindow();
|
||
// } else {
|
||
|
||
// if (data.err_code == "0004") {
|
||
// alert('您尚未報名活動喔!');
|
||
// } else {
|
||
// alert(data.message);
|
||
// }
|
||
|
||
// liff.closeWindow();
|
||
// }
|
||
|
||
|
||
// },
|
||
// error: function (jqXHR, textStatus, errorThrown) {
|
||
// alert('網路或伺服器發生錯誤，請稍後重試!');
|
||
// liff.closeWindow();
|
||
// }
|
||
// });
|
||
// }
|
||
|
||
// //發送填寫問卷
|
||
// if (method == "survey") {
|
||
// var survey_url = 'https://www.surveycake.com/s/vG3zw?ssn27=' + line_uid;
|
||
|
||
// liff.openWindow({
|
||
// url: survey_url,
|
||
// external: false
|
||
// });
|
||
|
||
// //liff.closeWindow();
|
||
// }
|
||
|
||
// })
|
||
// .catch((err) => {
|
||
// console.log('error', err);
|
||
// });
|
||
// }
|
||
|
||
//}).catch(function (error) {
|
||
// console.log(error);
|
||
//});
|
||
</script>
|
||
<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
|
||
<script>
|
||
// VConsole 默认会挂载到 `window.VConsole` 上
|
||
var vConsole = new window.VConsole();
|
||
// 接下来即可照常使用 `console` 等方法
|
||
//console.log('Hello world');
|
||
|
||
// 结束调试后，可移除掉
|
||
//vConsole.destroy();
|
||
</script>
|
||
|
||
</body>
|
||
</html> |