E-mail Subscription | Shopping Tools

<!DOCTYPE html> <html lang="en-SA"> <head> <title>E-mail Subscription | Shopping Tools | Kia Saudi Arabia NMC</title> <meta charset="utf-8" />     <meta http-equiv="Access-Control-Allow-Origin" content="*"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta name="keywords" content=""> <meta name="title" content="E-mail Subscription | Shopping Tools | Kia Saudi Arabia NMC" /> <meta name="description" content="Be the first to know about latest developments and offers from Kia. Join our exclusive mailing list and be a part of our community. We promise not to SPAM.">   <meta name="kia_metrics_pagename" content="shopping tools | email subscription">  <link rel="canonical" href="https://www.kia.com/nmc/en/shopping-tools/email-subscription.html"> <link rel="shortcut icon" href="/content/dam/kwcms/gt/en/images/new/favicon_new.png" type="image/x-icon"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0,user-scalable=yes"> <meta name="robots" content="NOODP, NOYDIR"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="Kia Saudi Arabia" /> <meta name="twitter:title" content="E-mail Subscription | Shopping Tools | Kia Saudi Arabia NMC" /> <meta name="twitter:description" content="Be the first to know about latest developments and offers from Kia. Join our exclusive mailing list and be a part of our community. We promise not to SPAM." /> <meta name="twitter:image" content="/content/dam/kwcms/gt/en/images/new/main/main-hero-still-air-w-sns.jpg" /> <meta name="twitter:url" content="https://www.kia.com/nmc/en/shopping-tools/email-subscription.html" /> <meta name="twitter:creator" contents="Kia" /> <meta property="og:site_name" content="Kia Saudi Arabia" /> <meta property="og:title" content="E-mail Subscription | Shopping Tools | Kia Saudi Arabia NMC" /> <meta property="og:type" content="website" /> <meta property="og:description" content="Be the first to know about latest developments and offers from Kia. Join our exclusive mailing list and be a part of our community. We promise not to SPAM." /> <meta property="og:image" content="/content/dam/kwcms/gt/en/images/new/main/main-hero-still-air-w-sns.jpg" /> <meta property="og:url" content="https://www.kia.com/nmc/en/shopping-tools/email-subscription.html" /> <meta itemprop="name" content="E-mail Subscription | Shopping Tools | Kia Saudi Arabia NMC"> <meta itemprop="description" content="Be the first to know about latest developments and offers from Kia. Join our exclusive mailing list and be a part of our community. We promise not to SPAM."> <meta itemprop="image" content="/content/dam/kwcms/gt/en/images/new/main/main-hero-still-air-w-sns.jpg"> <meta itemprop="keywords" content="kia, Kia, kia email, email subscription"> <meta itemprop="url" content="https://www.kia.com/nmc/en/shopping-tools/email-subscription.html"/>  <script src="/etc/designs/kia-nmc-en/clientlib-libjs.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-nmc-en/clientlib-angular.js"></script> <link rel="stylesheet" href="/etc/designs/kia-global/clientlib/css/experience.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/kia-nmc-en/clientlib.min.css" type="text/css"> <script src="/etc/designs/kia-nmc-en/clientlib.min.js"></script>  <script type="text/javascript" src="/etc/designs/kia-nmc-en/clientlib/js/font-load.js"></script> <link rel="stylesheet" href="/etc/designs/kia-nmc-en/new-wsg.min.css" type="text/css">   <script type="text/javascript"> var dtmDataLayer = {}; </script>  <script>(function() { var _fbq = window._fbq || (window._fbq = []); if (!_fbq.loaded) { var fbds = document.createElement('script'); fbds.async = true; fbds.src = '//connect.facebook.net/en_US/fbds.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded = true; } _fbq.push(['addPixelId', '357795334408363']); })(); window._fbq = window._fbq || []; window._fbq.push(['track', 'PixelInitialized', {}]); </script> <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=357795334408363&ev=PixelInitialized"/></noscript> <script>(function() { var _fbq = window._fbq || (window._fbq = []); if (!_fbq.loaded) { var fbds = document.createElement('script'); fbds.async = true; fbds.src = '//connect.facebook.net/en_US/fbds.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded = true; } _fbq.push(['addPixelId', '865420870164135']); })(); window._fbq = window._fbq || []; window._fbq.push(['track', 'PixelInitialized', {}]); </script> <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=865420870164135&ev=PixelInitialized"/></noscript>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N3GNQ5N');</script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-57SC578');</script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K8JR622');</script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', 'GTM-W9JWB25');</script>    <script type="text/javascript"> var axel = Math.random() + ""; var a = axel * 10000000000000; document.write('<iframe src="https://4506156.fls.doubleclick.net/activityi;src=4506156;type=kia-m0;cat=remar0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>'); </script> <noscript> <iframe src="https://4506156.fls.doubleclick.net/activityi;src=4506156;type=kia-m0;cat=remar0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe> </noscript>   <script async src="https://www.googletagmanager.com/gtag/js?id=AW-994572117"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-994572117'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-335427161"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-335427161'); </script>   <script type='text/javascript'> (function(e,t,n){if(e.snaptr)return;var a=e.snaptr=function() {a.handleRequest?a.handleRequest.apply(a,arguments):a.queue.push(arguments)}; a.queue=[];var s='script';r=t.createElement(s);r.async=!0; r.src=n;var u=t.getElementsByTagName(s)[0]; u.parentNode.insertBefore(r,u);})(window,document, 'https://sc-static.net/scevent.min.js'); snaptr('init', 'f034de13-f43c-4ed0-85a2-d1f1c5bad202', { 'user_email': '__INSERT_USER_EMAIL__' }); snaptr('track', 'PAGE_VIEW'); </script>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '4127398590688796'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=4127398590688796&ev=PageView&noscript=1"/></noscript>     <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'event': 'page_view' , 'page_name': 'shopping tools | email subscription' // 페이지명. Adobe Analytic page name을 설정하기 위해 설정한 meta tag중 "meta name = kia_metrics_pagename"에 설정된 content 값 입력, eg) <meta name="kia_metrics_pagename" content="cars | carnival | features"> , 'page_type': 'email-subscription' //도메인을 제외한 URI의 2depth 카테고리명 입력, 단 Main의 경우 2depth가 없으므로 HOME으로 입력, eg) /shopping-tools/build-your-own --> build-your-own 입력 , 'prv_page_name': document.referrer == '' ? 'entry' : document.referrer // 다음 페이지로 이동 시 이전 페이지명 기록, 첫 페이지의 경우 이전 페이지명이 없으므로 'entry'라고 입력 }); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T4DPK56');</script>     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TPTKZWS');</script>    <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '505296348219429'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=505296348219429&ev=PageView&noscript=1"/></noscript>   <script type='text/javascript'> (function(e,t,n){if(e.snaptr)return;var a=e.snaptr=function() {a.handleRequest?a.handleRequest.apply(a,arguments):a.queue.push(arguments)}; a.queue=[];var s='script';r=t.createElement(s);r.async=!0; r.src=n;var u=t.getElementsByTagName(s)[0]; u.parentNode.insertBefore(r,u);})(window,document, 'https://sc-static.net/scevent.min.js'); snaptr('init', '0fbbc594-a19e-40cb-852f-c8da50918ee6', { 'user_email': '__INSERT_USER_EMAIL__' }); snaptr('track', 'PAGE_VIEW'); </script>   <script> !function (w, d, t) { w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)}; ttq.load('CE2S62JC77U87C9LHRFG'); ttq.page(); }(window, document, 'ttq'); </script>   <script> !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); twq('config','oczqc'); </script>  <script> document.addEventListener('DOMContentLoaded', function() { function hideIframe(){ console.log("count"); var initIframe = document.getElementsByTagName('iframe') || 0; console.log("iframe::",initIframe.length); for(var i=0; i< initIframe.length; i++) { console.log(initIframe[i].src.includes('4n0dfl2')); if(initIframe[i].src.includes('4n0dfl2')){ //initIframe[i].parentNode.removeChild(initIframe[i]); initIframe[i].style.visibility = "hidden"; initIframe[i].style.display = "none"; } } } var observerCallBack = function(mutationsList){ hideIframe(); /* mutationsList.forEach(function(mutation){ mutation.addedNodes.forEach(function(node){ if(node.tagName === 'IFRAME'){ if(node.src.includes('4n0dfl2')){ //node.parentNode.removeChild(node); node.style.visibility = "hidden"; node.style.display = "none"; } } }); }); */ }; //setInterval(hideIframe, 5000); var observer = new MutationObserver(observerCallBack); observer.observe(document.body, { childList: true, subtree: true}); hideIframe(); window.addEventListener('load',function(){ hideIframe(); }); window.addEventListener('focus',function(){ hideIframe(); }); }); </script>   <header name = "Access-Control-Allow-Origin" value = "*" /> </head> <body>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T4DPK56" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TPTKZWS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>     <div class="accessbility"><a href="#content">Go to content</a></div> <div id="wrap">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3GNQ5N" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-57SC578" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K8JR622" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id= GTM-W9JWB25" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="header" class="main_header"> <div class="header_in">  <div class="logo_h1"><a href="/nmc/en/main.html" class="lg_a"></a></div>   <a href="#" class="open_gnb"><span class="cmm_spr spr_menu">open menu</span></a>   <div class="gnb_area">  <div class="gnb_menu gnb-menu"> <ul class="gnb_nav">  <li class="dth1_l"><a href="#" class="dth1_a" data-ganame="showroom">Showroom</a> <div class="dth2_u dth_pip select-car-header parbase"> <div class="car_tab"> <a href="#" class="sort_a sort_on"><span class="cmm_tspr spr_sort">All Vehicles</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Cars</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">SUV & MPV</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Electric & Hybrid</span></a> </div> <div class="car_grid on"> <strong class="hidden">All Vehicles</strong> <ul class="grid_u"> <li class="grid_l new_car"> <a href="/nmc/en/showroom/sportage-L.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/showroom/Sportage-NQ5c/246x130_GNB.png" class="g_off" alt="msg_vehicle_sportage-L"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/showroom/Sportage-NQ5c/246x130_GNB.png" alt="msg_vehicle_sportage-L"> </span> <strong class="g_name">Sportage L</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/new-k5.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/showroom/K5/K5-dl3-24my-gnb.png" class="g_off" alt="msg_vehicle_new-k5"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/showroom/K5/K5-dl3-24my-gnb.png" alt="msg_vehicle_new-k5"> </span> <strong class="g_name">K5</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/sorento.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/Sorento-MQ4-PE-24my/Kia-sorento-24my.png" class="g_off" alt="Sorento"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/Sorento-MQ4-PE-24my/Kia-sorento-24my.png" alt="Sorento"> </span> <strong class="g_name">Sorento</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/k3.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/K3-BL7M-24MY/kia-k3-24my.png" class="g_off" alt="msg_vehicle_k3"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/K3-BL7M-24MY/kia-k3-24my.png" alt="msg_vehicle_k3"> </span> <strong class="g_name">K3</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/seltos-sp2.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/Seltos_SP2_23my/kia_seltos_sp2_23my_gnb.png" class="g_off" alt="msg_vehicle_seltos-sp2"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/Seltos_SP2_23my/kia_seltos_sp2_23my_gnb.png" alt="msg_vehicle_seltos-sp2"> </span> <strong class="g_name">Seltos</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/sonet-new.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/showroom/sonet-pe/Sonet-pe-246x130_GNB.png" class="g_off" alt="msg_vehicle_sonet-new"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/showroom/sonet-pe/Sonet-pe-246x130_GNB.png" alt="msg_vehicle_sonet-new"> </span> <strong class="g_name">Sonet</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/ev5.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/EV5-ovc-25my/Features/kia-EV5-25my.png" class="g_off" alt="msg_vehicle_ev5"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/EV5-ovc-25my/Features/kia-EV5-25my.png" alt="msg_vehicle_ev5"> </span> <strong class="g_name">EV5</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/k5-hybrid.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/K5_DL3_HEV_23MY/kia-k5-hev-23my-gnb.png" class="g_off" alt="msg_vehicle_k5-hybrid"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/K5_DL3_HEV_23MY/kia-k5-hev-23my-gnb.png" alt="msg_vehicle_k5-hybrid"> </span> <strong class="g_name">K5 Hybrid</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/k8-hybrid.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/gnb/K8_HEV_246x130-1.png" class="g_off" alt="msg_vehicle_k8-hybrid"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/gnb/K8_HEV_246x130-1.png" alt="msg_vehicle_k8-hybrid"> </span> <strong class="g_name">K8 Hybrid</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/sorento_hev.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/sorento-mq4-22my/kia-sorento-22my.png" class="g_off" alt="msg_vehicle_sorento_hev"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/sorento-mq4-22my/kia-sorento-22my.png" alt="msg_vehicle_sorento_hev"> </span> <strong class="g_name">Sorento Hybrid</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/sportage.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/gnb/kia-nq5-22my.png" class="g_off" alt="Sportage"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/gnb/kia-nq5-22my.png" alt="Sportage"> </span> <strong class="g_name">Sportage</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/telluride.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/telluride-on-pe-23my/kia-on-pe-23my-telluride-gnb.png" class="g_off" alt="msg_vehicle_telluride"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/telluride-on-pe-23my/kia-on-pe-23my-telluride-gnb.png" alt="msg_vehicle_telluride"> </span> <strong class="g_name">Telluride</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/carnival.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/Carnival-KA4-22MY/kia-carnival-22my.png" class="g_off" alt="Carnival"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/Carnival-KA4-22MY/kia-carnival-22my.png" alt="Carnival"> </span> <strong class="g_name">Carnival</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/carens.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/carens-ky-22my/kia-carens-ky-22my-gnb.png" class="g_off" alt="msg_vehicle_carens"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/carens-ky-22my/kia-carens-ky-22my-gnb.png" alt="msg_vehicle_carens"> </span> <strong class="g_name">Carens</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/k8.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/K8-GL3-22My/kia-gl3-22my.png" class="g_off" alt="msg_vehicle_k8"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/K8-GL3-22My/kia-gl3-22my.png" alt="msg_vehicle_k8"> </span> <strong class="g_name">K8</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/pegas.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/Pegas_new_logo/pegas_246x130_GNB.png" class="g_off" alt="msg_vehicle_pegas"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/Pegas_new_logo/pegas_246x130_GNB.png" alt="msg_vehicle_pegas"> </span> <strong class="g_name">Pegas</strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">Cars</strong> <ul class="grid_u"> <li class="grid_l "> <a href="/nmc/en/showroom/new-k5.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/showroom/K5/K5-dl3-24my-gnb.png" class="g_off" alt="msg_vehicle_new-k5"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/showroom/K5/K5-dl3-24my-gnb.png" alt="msg_vehicle_new-k5"> </span> <strong class="g_name">K5</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/k3.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/K3-BL7M-24MY/kia-k3-24my.png" class="g_off" alt="msg_vehicle_k3"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/K3-BL7M-24MY/kia-k3-24my.png" alt="msg_vehicle_k3"> </span> <strong class="g_name">K3</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/k8.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/K8-GL3-22My/kia-gl3-22my.png" class="g_off" alt="msg_vehicle_k8"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/K8-GL3-22My/kia-gl3-22my.png" alt="msg_vehicle_k8"> </span> <strong class="g_name">K8</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/pegas.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/Pegas_new_logo/pegas_246x130_GNB.png" class="g_off" alt="msg_vehicle_pegas"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/Pegas_new_logo/pegas_246x130_GNB.png" alt="msg_vehicle_pegas"> </span> <strong class="g_name">Pegas</strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">SUV & MPV</strong> <ul class="grid_u"> <li class="grid_l new_car"> <a href="/nmc/en/showroom/sportage-L.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/showroom/Sportage-NQ5c/246x130_GNB.png" class="g_off" alt="msg_vehicle_sportage-L"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/showroom/Sportage-NQ5c/246x130_GNB.png" alt="msg_vehicle_sportage-L"> </span> <strong class="g_name">Sportage L</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/sorento.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/Sorento-MQ4-PE-24my/Kia-sorento-24my.png" class="g_off" alt="Sorento"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/Sorento-MQ4-PE-24my/Kia-sorento-24my.png" alt="Sorento"> </span> <strong class="g_name">Sorento</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/seltos-sp2.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/Seltos_SP2_23my/kia_seltos_sp2_23my_gnb.png" class="g_off" alt="msg_vehicle_seltos-sp2"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/Seltos_SP2_23my/kia_seltos_sp2_23my_gnb.png" alt="msg_vehicle_seltos-sp2"> </span> <strong class="g_name">Seltos</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/sonet-new.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/showroom/sonet-pe/Sonet-pe-246x130_GNB.png" class="g_off" alt="msg_vehicle_sonet-new"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/showroom/sonet-pe/Sonet-pe-246x130_GNB.png" alt="msg_vehicle_sonet-new"> </span> <strong class="g_name">Sonet</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/sportage.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/gnb/kia-nq5-22my.png" class="g_off" alt="Sportage"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/gnb/kia-nq5-22my.png" alt="Sportage"> </span> <strong class="g_name">Sportage</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/telluride.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/telluride-on-pe-23my/kia-on-pe-23my-telluride-gnb.png" class="g_off" alt="msg_vehicle_telluride"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/telluride-on-pe-23my/kia-on-pe-23my-telluride-gnb.png" alt="msg_vehicle_telluride"> </span> <strong class="g_name">Telluride</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/carnival.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/Carnival-KA4-22MY/kia-carnival-22my.png" class="g_off" alt="Carnival"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/Carnival-KA4-22MY/kia-carnival-22my.png" alt="Carnival"> </span> <strong class="g_name">Carnival</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/carens.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/carens-ky-22my/kia-carens-ky-22my-gnb.png" class="g_off" alt="msg_vehicle_carens"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/carens-ky-22my/kia-carens-ky-22my-gnb.png" alt="msg_vehicle_carens"> </span> <strong class="g_name">Carens</strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">Electric & Hybrid</strong> <ul class="grid_u"> <li class="grid_l "> <a href="/nmc/en/showroom/ev5.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/EV5-ovc-25my/Features/kia-EV5-25my.png" class="g_off" alt="msg_vehicle_ev5"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/EV5-ovc-25my/Features/kia-EV5-25my.png" alt="msg_vehicle_ev5"> </span> <strong class="g_name">EV5</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/k5-hybrid.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/K5_DL3_HEV_23MY/kia-k5-hev-23my-gnb.png" class="g_off" alt="msg_vehicle_k5-hybrid"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/K5_DL3_HEV_23MY/kia-k5-hev-23my-gnb.png" alt="msg_vehicle_k5-hybrid"> </span> <strong class="g_name">K5 Hybrid</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/k8-hybrid.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/gnb/K8_HEV_246x130-1.png" class="g_off" alt="msg_vehicle_k8-hybrid"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/gnb/K8_HEV_246x130-1.png" alt="msg_vehicle_k8-hybrid"> </span> <strong class="g_name">K8 Hybrid</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/sorento_hev.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/sorento-mq4-22my/kia-sorento-22my.png" class="g_off" alt="msg_vehicle_sorento_hev"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/sorento-mq4-22my/kia-sorento-22my.png" alt="msg_vehicle_sorento_hev"> </span> <strong class="g_name">Sorento Hybrid</strong> </a> </li> </ul> </div>  <div class="new_cars_type"> <ul> <li> <a href="/nmc/en/showroom/sedan.html" class="bl_type_a">Cars</a> </li> <li> <a href="/nmc/en/showroom/suv.html" class="bl_type_a">SUV & MPV</a> </li> <li> <a href="/nmc/en/showroom/hybrid.html" class="bl_type_a">Electric & Hybrid</a> </li> </ul> </div> </div> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-ganame="shopping-tools">Shopping Tools</a> <ul class="dth2_u">  <li class="dth2_l"><a href="/nmc/en/shopping-tools/request-a-quote.html" class="dth2_a" data-ganame="request-a-quote">Request a Quote</a></li> <li class="dth2_l"><a href="/nmc/en/shopping-tools/download-a-brochure.html" class="dth2_a" data-ganame="download-a-brochure">Download a Brochure</a></li> <li class="dth2_l"><a href="/nmc/en/shopping-tools/find-a-dealer.html" class="dth2_a" data-ganame="find-a-dealer">Find a Dealer</a></li> <li class="dth2_l"><a href="/nmc/en/shopping-tools/price-information.html" class="dth2_a" data-ganame="price-information">Cars Pricing Information</a></li> <li class="dth2_l"><a href="/nmc/en/shopping-tools/parts-pricing-info.html" class="dth2_a" data-ganame="parts-pricing-info">Parts Pricing Information</a></li> <li class="dth2_l"><a href="/nmc/en/shopping-tools/email-subscription.html" class="dth2_a" data-ganame="email-subscription">E-mail Subscription</a></li> </ul> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-ganame="owners">Kia Owners</a> <ul class="dth2_u">  <li class="dth2_l"><a href="/nmc/en/owners/kia-service.html" class="dth2_a" data-ganame="kia-service">Kia Service</a></li> <li class="dth2_l"><a href="/nmc/en/owners/book-a-service.html" class="dth2_a" data-ganame="book-a-service">Book a Service</a></li> <li class="dth2_l"><a href="/nmc/en/owners/bundles-program.html" class="dth2_a" data-ganame="bundles-program">Bundles Program</a></li> <li class="dth2_l"><a href="/nmc/en/owners/parts-accessories.html" class="dth2_a" data-ganame="parts-accessories">Parts & Accessories</a></li> <li class="dth2_l"><a href="/nmc/en/owners/warranty-recalls.html" class="dth2_a" data-ganame="warranty-recalls">Warranty & Recalls</a></li> <li class="dth2_l"><a href="/nmc/en/owners/roadside-assistance.html" class="dth2_a" data-ganame="roadside-assistance">Kia Roadside Assistance</a></li> <li class="dth2_l"><a href="/nmc/en/owners/owner-resources.html" class="dth2_a" data-ganame="owner-resources">Owner Resources</a></li> <li class="dth2_l"><a href="/nmc/en/owners/connectivity.html" class="dth2_a" data-ganame="connectivity">Connectivity</a></li> <li class="dth2_l"><a href="/nmc/en/owners/ev-experience.html" class="dth2_a" data-ganame="ev-experience">EV Experience</a></li> </ul> </li> </ul>  <ul class="gnb_nav gnb_right"> <li class="dth1_l"><a href="#" class="dth1_a" data-ganame="discover-kia">Discover Kia</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/nmc/en/discover-kia/our-movement.html" class="dth2_a" data-ganame="our-movement">Our Movement</a></li> <li class="dth2_l"><a href="/nmc/en/discover-kia/tasman.html" class="dth2_a" data-ganame="tasman">The Kia Tasman</a></li> <li class="dth2_l"><a href="/nmc/en/discover-kia/pbv.html" class="dth2_a" data-ganame="pbv">PBV</a></li> <li class="dth2_l"><a href="/nmc/en/discover-kia/sponsorship.html" class="dth2_a" data-ganame="sponsorship">Sponsorship</a></li> <li class="dth2_l"><a href="/nmc/en/discover-kia/venom.html" class="dth2_a" data-ganame="venom">Venom</a></li> <li class="dth2_l"><a href="/nmc/en/discover-kia/sustainability.html" class="dth2_a" data-ganame="sustainability">Sustainability</a></li> <li class="dth2_l"><a href="/nmc/en/discover-kia/ao2025.html" class="dth2_a" data-ganame="ao2025">AO 2025</a></li> </ul> </li> </ul>  </div>   <div class="util_area"> <ul class="util_menu"> <li class="util_l"><a href="/nmc/en/util/news.html" data-is-tel="" data-tel-data="" class="util_a" target='_self' data-ganame="">News</a></li> <li class="util_l"><a href="/nmc/en/util/promotion.html" data-is-tel="" data-tel-data="" class="util_a" target='_self' data-ganame="">Promotion</a></li> <li class="util_l"><a href="/nmc/en/util/customer-center/contact-us.html" data-is-tel="" data-tel-data="" class="util_a" target='_self' data-ganame="">Contact Us</a></li> <li class="util_l"><a href="/nmc/en/util/customer-center/faq.html" data-is-tel="" data-tel-data="" class="util_a" target='_self' data-ganame="">FAQ</a></li> <li class="util_l"><a href="tel:920034888" data-is-tel="true" data-tel-data="tel:920034888" class="util_a" target='_self' data-ganame="">920034888</a></li> <li class="util_l util_w"><a href="/nmc/ar/main.html" class="util_a" data-ganame="HOME">عربي</a></li> </ul>  <div class="util_set_menu"> <a href="/nmc/en/util/kia-global.html" data-ganame="country selector">Country Selector</a> </div>  <div class="util_find_dealer"> <a href="/nmc/en/service/service-care/location.html" data-ganame="service-care">Our Locations</a> </div>  <div class="util_search">  <div class="u_sch_button"> <a href="#" class="sch_act_btn"> <span class="ico_txt">Search</span> </a> </div>  <div class="u_sch_box"> <form action="/nmc/en/util/search.html" method="get"> <input type="text" name="q" id="txtTopSearch" class="sch_inp" title="Search Keyword" placeholder="Search"> <button type="submit" class="sch_btn" title="Search" onclick="$GT.topSearch();"><span class="cmm_spr spr_search">Search</span></button> </form> </div> </div> <script> $(window).on("load", function() { $("a[data-is-tel=true]").each(function() { $(this).off('click.tellink').on('click.tellink', function(e) { e.stopPropagation(); e.preventDefault(); if(matchMedia("screen and (max-width: 767px)").matches){ var old_target = location.target; location.target = $(this).attr("target"); location.href = $(this).data("tel-data"); location.target = old_target; } }); }); }); </script></div>   <div class="menu_build gnb-build" style="min-width:100px;"> <div class="go_build"> </div> </div>   <div class="hidden">Util Menu</div> </div>   <div class="m_sch_area"> <a href="#url" class="open_search"><span class="blind">open search</span></a> <div class="search_area"> <form action="/nmc/en/util/search.html" method="get"> <input type="text" name="q" id="m_sch_box" class="search_txt" title="Search Keyword" placeholder="Search"> <button type="submit" class="search_btn" title="Search button"><span class="blind">Search</span></button> </form> </div> <a href="#url" class="close_search"><span class="blind">close search</span></a> </div>  <script> (function() { $(document).ready(function() { $('.open_search').on('click', function() { $(this).addClass('on'); $(this).next('.search_area').slideDown(200); setTimeout(function() { $('.close_search').css('display', 'block'); }, 200); }); $('.close_search').on('click', function() { $('.open_search').removeClass('on'); $(this).css('display', 'none'); $(this).prev('.search_area').slideUp(200); }); }); })(); </script>   <script type="text/javascript"> (function($) { $(".sch_inp").keydown(function(evt) { if (evt.keyCode == 13){ //2018.05.14 enter search - kdh submit(); } }); window.$GT = $.extend(window.$GT || {}, { topSearch: function(q, obj) { if (!obj) { obj = $("#txtTopSearch"); } else { if (typeof(obj) === "string") { obj = $("#" + obj); } else { obj = $(obj); } } if (!q) { q = obj.val(); if (!q || q == "") { q = obj.text(); } } location.href = "/nmc/en/util/search.html?" + $.param({ q: q }); } }); })(jQuery); </script></div> </div> <link rel="stylesheet" href="/etc/designs/kia-nmc-en/cookies/css/cookies.css" type="text/css"> <div id="cookie_notice" style="display:none;"> <div class="inner"> <p class="cookie_notice-text">We collect data, including through the use of cookies and similar technology ("cookies") that enhance the online experience. By clicking "I Agree," you agree to our use of cookies, agree to be bound by our Terms of Service, and acknowledge our Privacy Policy. </p> <div class="cookie_notice-button"> <a href="#" class="close notice_agree">Accept & Close</a>  <a href="#" class="reject">Reject All</a> </div> </div> </div> <div id="container" ng-app="kwcmsAppModuleApp" ng-cloak> <div id="pop_sec" class="pop_dimmed "></div> <div id="content" class="subContents"> <div class="par parsys"><div class="global-title parbase section"> <div class="content_title"> <div class="con_navi"> <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/nmc/en/main.html" property="item" typeof="WebPage"><span class="cmm_spr spr_home" property="name">Home</span><span class="gt">></span></a> <meta property="position" content=1> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <span class="depth" property="name">Shopping Tools</span><span class="gt">></span> <meta property="position" content=2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/nmc/en/shopping-tools/email-subscription.html" property="item" typeof="WebPage"><strong class="depth current"property="name">E-mail Subscription</strong></a> <meta property="position" content=3> </li> </ol> </div> <h1 class="con_tit"><p>E-mail Subscription</p> </h1> </div></div> <div class="email-subscription contentpage section">  <script type="text/javascript"> $(document).ready(function() { // #56142 #55505 #54411 #54714 window.dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'email subscription', 'event_label': 'start' }); $('.car-selector.section').on('click.datalayer', '.car_box', function() { // select 동작 시에만 push. select해제 동작 시에는 push안되도록. if( $(this).find('.car_a.on').length == 0 ) return; // #56142 #55505 #54411 #54714 window.dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'email subscription', 'event_label': 'select car', 'vehicle_name': $(this).find(".car_name").attr("data-display-name-en") }); }); }); //require variables for car-selector component var _over_selected_message_ = "The number of vehicles to choose is exceeded."; var _max_count_vehicle_selected_ = parseInt("1", 10); var _selected_vehicle_ = null; var _suffix_selected_vehicle_ = getSuffixMapFromURL(); var _reference_controller_scope_ = null; //require variables for userdata-keyin, userdata-view component var _user_data_ = null; //require variables for userdata-view component var _userdata_view_scope_ = null; var _vehicle_data_ = _selected_vehicle_; var _vehicle_trim_data_ = null; var _dealer_data_ = null; var _center_data_ = null; var _vehicle_name = null; var _carType = null; kwcmsApp.controller("emailsubscription.steps", function($scope, $http, HttpService) { //reference_controller_scope _reference_controller_scope_ = $scope; //current step $scope.step = ""; //carlist $scope.cars = null; //user data $scope.userData = null; //initialize $scope.init = function () { //init step $scope.step = "1"; }; //change step method $scope.stepChange = function (step) { $scope.step = step; }; $scope.checkphone = function(number){ var url = "/api/kia_nmc_en/common/NumberCheck.phone"; var params = { "number" : number }; var resultStatus = { "status" : false }; $.ajax({ type:"POST", url: url, async : false, headers: params, success:function(data){ //console.log(data); //checkStatus = true; if(data.status == "success"){ resultStatus.status = true; } //resetUserDataKeyIn(); }, error:function(e){ alert("Error has been occurred." + JSON.stringify( e ) ); resultStatus.status = false; return false; } }); return resultStatus; } //validation for steps $scope.validation = async function (step, nStep, isNext) { var isValid = true; switch (step) { case "1": var selectInfo = _vehicle_data_ = _selected_vehicle_; if (selectInfo == null || selectInfo.carCount == 0) { alert('Please select a vehicle.'); isValid = false; } else { var selectInfoList = []; var carType = $(".car_box .on").last().attr("href"); _carType = carType.substr(1,carType.indexOf("Cars")-1); _carType = _carType == "suv" ? "suv&mpv" : _carType; for (var i = 0, iCnt = selectInfo.carKey.length ; i < iCnt ; i++) { selectInfoList[i] = { carKey : selectInfo.carKey[i] , carCode : selectInfo.carCode[i] , carName : selectInfo.carName[i] , carImage : selectInfo.carImage[i] , carTrim : selectInfo.carTrim[i] , displayName : selectInfo.displayName[i] //2019.09.24 43283 KBR displayName 으로 출력할수 있도록 변경 displayName 추가 }; if(i == iCnt-1){ _vehicle_name = selectInfo.carCode[i]; } } $scope.cars = selectInfoList; //set category for userdata-keyin commonCodeLib.init("ES01CT","kia_nmc_en"); var arg = []; angular.forEach(commonCodeLib.comCdMap, function(text, value) { var innerArgs = [value, text]; arg.push(innerArgs); }); setCategories(arg); if( "rio-4-door" == _vehicle_name ){ _vehicle_name = "rio_4door"; }else if("rio-5-door" == _vehicle_name){ _vehicle_name = "rio_5door"; }else if("cerato" == _vehicle_name){ _vehicle_name = "cerato/forte"; }else if("cerato-5-door" == _vehicle_name){ _vehicle_name = "cerato/forte_5door"; }else if("cerato-koup" == _vehicle_name){ _vehicle_name = "cerato/forte_koup"; }else if("kia-quoris" == _vehicle_name){ _vehicle_name = "kia-quoris-kh-pe"; }else if("carnival" == _vehicle_name){ _vehicle_name = "carnival/sedona"; }else if("sportage" == _vehicle_name){ _vehicle_name = "sportage-ql"; }else if("sorento" == _vehicle_name){ _vehicle_name = "new_sorento"; }else if("carens" == _vehicle_name){ _vehicle_name = "carens/rondo"; }else if("mohave" == _vehicle_name){ _vehicle_name = "mohave/borrego"; } dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType } _satellite.track('emailsubscript_vehicle'); } dataLayer.push({ 'event' : 'Email_Subscription' }); break; case "2": userdataInfoSubmit(); if($("#fname").val() != "" && $("#lname").val() != "" && $("#email").val() != "" && $("#email_confirm").val() != "" && $("#email").val() == $("#email_confirm").val() && $("input[name='pcategory']:checked").length == 0){ alert('Please select Preferences Category.'); return; } if (_user_data_ != null) { $scope.userData = _user_data_; //fill user data if (_userdata_view_scope_ != null) { _userdata_view_scope_.userDataInit(); let checknumbers = await $scope.checkphone($scope.userData.mphone1); if(checknumbers.status){ $scope.send(); }else{ alert('You can only enter eight digits in the phone number.'); return false; } if( "rio-4-door" == _vehicle_name ){ _vehicle_name = "rio_4door"; }else if("rio-5-door" == _vehicle_name){ _vehicle_name = "rio_5door"; }else if("cerato" == _vehicle_name){ _vehicle_name = "cerato/forte"; }else if("cerato-5-door" == _vehicle_name){ _vehicle_name = "cerato/forte_5door"; }else if("cerato-koup" == _vehicle_name){ _vehicle_name = "cerato/forte_koup"; }else if("kia-quoris" == _vehicle_name){ _vehicle_name = "kia-quoris-kh-pe"; }else if("carnival" == _vehicle_name){ _vehicle_name = "carnival/sedona"; }else if("sportage" == _vehicle_name){ _vehicle_name = "sportage-ql"; }else if("sorento" == _vehicle_name){ _vehicle_name = "new_sorento"; }else if("carens" == _vehicle_name){ _vehicle_name = "carens/rondo"; }else if("mohave" == _vehicle_name){ _vehicle_name = "mohave/borrego"; } dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType } _satellite.track('emailsubscript_myinfo'); // #56142 #55505 #54411 #54714 window.dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'email subscription', 'event_label': 'submit', 'vehicle_name': _selected_vehicle_.displayNameEn.join(",") }); } } else { isValid = false; } break; } if(false){ $scope.stepChange(nStep); return; } if (isValid && isNext) { if( isNext && nStep ==3 ) { //$scope.send(null); } else { $scope.stepChange(nStep); } } }; //send $scope.send = function () { //$event.preventDefault(); var moveURI = ''; var params = { method : "POST" , params : returnAjaxParameters() , url : "/api/kia_nmc_en/base/es01/emailSubscription.insertEmailSubscription1" }; HttpService.http(params, $scope.sended, moveURI); }; //send completed $scope.sended = function (data, uri) { if (angular.equals(data.status, "Success")) { if( "rio-4-door" == _vehicle_name ){ _vehicle_name = "rio_4door"; }else if("rio-5-door" == _vehicle_name){ _vehicle_name = "rio_5door"; }else if("cerato" == _vehicle_name){ _vehicle_name = "cerato/forte"; }else if("cerato-5-door" == _vehicle_name){ _vehicle_name = "cerato/forte_5door"; }else if("cerato-koup" == _vehicle_name){ _vehicle_name = "cerato/forte_koup"; }else if("kia-quoris" == _vehicle_name){ _vehicle_name = "kia-quoris-kh-pe"; }else if("carnival" == _vehicle_name){ _vehicle_name = "carnival/sedona"; }else if("sportage" == _vehicle_name){ _vehicle_name = "sportage-ql"; }else if("sorento" == _vehicle_name){ _vehicle_name = "new_sorento"; }else if("carens" == _vehicle_name){ _vehicle_name = "carens/rondo"; }else if("mohave" == _vehicle_name){ _vehicle_name = "mohave/borrego"; } dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType } _satellite.track('emailsubscript_complete'); gtag_report_conversion(null);//2019.12.20 KBR onFormSuccess(); $scope.step = 3; //document.location.href = "/nmc/en/shopping-tools/email-subscription" +".thankyou.html"; /* alert('The request completed! Thank you!'); if (!angular.equals(uri, "") && !angular.equals(uri, undefined)) { document.location.href = uri; } else { document.location.href = "/content/kwcms/nmc/en.html"; } */ } }; //byPass Menu $scope.byPass = function ($event, addSuffix) { $event.preventDefault(); var passURI = $event.target.href; if (addSuffix) { passURI += angular.element("#below-car-list > option:selected").val(); } document.location.href = passURI; }; //if selected vehicle exist from suffix, execute by car-selector component $scope.autoExec = function () { $scope.validation('1', '2', true); }; }); function onFormSuccess() { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event' : 'Email_Subscription' }); // Rest of the success Registration code } </script> <div class="content_detail" ng-controller="emailsubscription.steps" ng-init="init()"> <div class="inner email_subscription" ng-show="step == 1"> <ol class="stepType01 emailStep"> <li class="stepWrap on"> <div class="stepbar bar01"> <strong class="num"><em>01</em></strong> <div class="txt"> <strong>Vehicle</strong> <span class="ex">Please select vehicle.</span> </div> </div>  <div class="stepCon"> <div class="car-selector parsys"><div class="car-selector section"> <script type="text/javascript"> /* ie8 Array indexOf 선언*/ if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt /*, from*/) { var len = this.length >>> 0; var from = Number(arguments[1]) || 0; from = (from < 0) ? Math.ceil(from) : Math.floor(from); if (from < 0) from += len; for (; from < len; from++) { if (from in this && this[from] === elt) return from; } return -1; }; } /* * if use the this componet, * must be defined "_over_selected_message_", "_max_count_vehicle_selected_", "_selected_vehicle_" variables. */ var _vehicle_selector_controller_ = null; kwcmsApp.controller("carselector.selector", function($scope, $timeout, HttpService) { //reference_controller_scope _vehicle_selector_controller_ = $scope; //default car list $scope.selectedCar = ""; //initialize $scope.init = function (scope) { $scope.selectedCar = "All"; $scope.searchCars(); }; //current selected vehicle count $scope.currentSelectedCount = 0; //search Cars $scope.carCars = null; $scope.hyBridCars = null; $scope.suvCars = null; $scope.commercialCars = null; //click vehicle category $scope.selectCategory = function (cate) { $scope.selectedCar = cate; $timeout(function () { angular.element("#" + cate).click(); $scope.callbackReturn(); }, 100); }; //get vehicle list $scope.searchCars = function () { var params = { method : "GET" , params : { nCd : "nmc-en" } , url : "/api/kia/base/carInfo.selectVehicleList" //, url : "/api/kia-nmc-en/base/carInfo.selectVehicleList" }; HttpService.http(params, $scope.parseVehicle, ""); }; //callback searchCars method $scope.parseVehicle = function (data) { if (angular.equals(data.result, "Success")) { $scope.carCars = data.dataInfo.carCars; $scope.hyBridCars = data.dataInfo.hybridCars; $scope.suvCars = data.dataInfo.suvMpvCars; $scope.commercialCars = data.dataInfo.commercialCars; $scope.clickFromSuffix(); } }; //callback car info //2019.09.24 43283 KBR displayName 으로 출력할수 있도록 변경 displayName 추가 $scope.callbackInfo = { carCount : $scope.currentSelectedCount , carKey : [] , carCode : [] , carName : [] , carImage : [] , carTrim : [] , carTrimCode : [] , displayName : [] , displayNameEn : [] }; //reset selected vehicle //2019.09.24 43283 KBR displayName 으로 출력할수 있도록 변경 displayName 추가 $scope.resetSelectedCar = function () { $scope.currentSelectedCount = 0; $scope.callbackInfo = { carCount : 0 , carKey : [] , carCode : [] , carName : [] , carImage : [] , carTrim : [] , carTrimCode : [] , displayName : [] , displayNameEn : [] }; }; //choice vehicle var maxCount = ((_max_count_vehicle_selected_ != undefined) || (_max_count_vehicle_selected_ != null)) ? _max_count_vehicle_selected_ : 1; $scope.choice = function (code, type) { if (angular.equals(maxCount, 1)) { //every newly selected $scope.resetSelectedCar(); } var idx = $scope.callbackInfo.carCode.indexOf(code); if (idx > -1) { // is currently selected $scope.callbackInfo.carKey.splice(idx, 1); $scope.callbackInfo.carCode.splice(idx, 1); $scope.callbackInfo.carName.splice(idx, 1); $scope.callbackInfo.carImage.splice(idx, 1); $scope.callbackInfo.carTrim.splice(idx, 1); $scope.callbackInfo.carTrimCode.splice(idx, 1); $scope.callbackInfo.displayName.splice(idx, 1);//2019.09.24 43283 KBR displayName 으로 출력할수 있도록 변경 displayName 추가 $scope.callbackInfo.displayNameEn.splice(idx, 1);//2022.06.14 GA360 에서 사용되는 변수 추가 $scope.callbackInfo.carCount = --$scope.currentSelectedCount; } else { // is newly selected if ($scope.currentSelectedCount >= maxCount) { alert(_over_selected_message_); } else { var targetCars = null; var targetCarsTrim = new Array(); var targetCarsTrimCode = new Array(); switch (type) { case "carCars" : targetCars = $scope.carCars; break; case "hybridCars" : targetCars = $scope.hyBridCars; break; case "suvCars" : targetCars = $scope.suvCars; break; case "commercialCars" : targetCars = $scope.commercialCars; break; } var isContinue = true; angular.forEach(targetCars, function (info) { if (angular.equals(code, info.code) && isContinue) { $scope.callbackInfo.carKey.push(info.key); $scope.callbackInfo.carCode.push(info.code); $scope.callbackInfo.carName.push(info.name); $scope.callbackInfo.carImage.push(info.imagePath); $scope.callbackInfo.displayName.push(info.displayName);//2019.09.24 43283 KBR displayName 으로 출력할수 있도록 변경 displayName 추가 $scope.callbackInfo.displayNameEn.push(info.displayNameEn); //2022.06.14 GA360 에서 사용되는 변수 추가 angular.forEach(info.details, function (trim) { targetCarsTrim.push(trim.name); targetCarsTrimCode.push(trim.code); }); isContinue = false; //forEach break } }); $scope.callbackInfo.carTrim.push(targetCarsTrim); $scope.callbackInfo.carTrimCode.push(targetCarsTrimCode); $scope.callbackInfo.carCount = ++$scope.currentSelectedCount; } } //marker for selected cars & return selected informaton $scope.callbackReturn(); }; //marker for selected cars & return selected informaton $scope.callbackReturn = function () { var carA = angular.element("div.car_wrap").find("a"); var carCodes = $scope.callbackInfo.carCode; carA.removeClass("on"); angular.forEach(carCodes, function (code) { carA.each(function () { // console.log("code : " + code); // console.log("class : " + angular.element(this).attr("class")); carClass = angular.element(this).attr("class"); if(carClass != '') { if(carClass.indexOf(' ') > -1) { if(carClass.indexOf('car_a') == 0) carName = angular.element(this).attr("class").split(' ')[1]; } else { if(carClass != 'car_a' && carClass != 'on') carName = carClass; } } // console.log("carName : " + carName); // 차량 코드에 다른 차량코드가 포함되는 경우에 동시 선택되는 버그 수정 201612-- cjh //if (angular.element(this).attr("class").indexOf(code) > -1) { if (carName == code) { angular.element(this).addClass("on"); } }); }); //callback _selected_vehicle_ = $scope.callbackInfo; var pageNm = "email-subscription"; }; //if selected vehicle exist from suffix, create to click event (automatical select) $scope.isSuffixClick = false; $scope.clickFromSuffix = function () { if (_suffix_selected_vehicle_ != null && $scope.isSuffixClick == false) { $timeout(function () { var isContinue = true; var carCode = ""; angular.forEach($scope.carCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.hyBridCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.suvCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.commercialCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); var objs = angular.element("a.car_a." + carCode); if (objs.length > 0) { objs.click(); if (_reference_controller_scope_ != null) { _reference_controller_scope_.autoExec(); _reference_controller_scope_.$apply(); } } }, 100); $scope.isSuffixClick = true; } }; //not use menu 20160607 $scope.hideChk = function(isYN){ var chkResult = true; if("Y" == isYN){ chkResult = false; }else{ chkResult = true; } return chkResult; } //not use menu 20160607 $scope.displayHideSetting = function(chk){ var chkVal = false; if(chk == null || chk.length <1){ chkVal = false; }else{ for(var i = 0; i < chk.length; i++){ //console.log(chk[i]) if(chk[i] == "email-subscription"){ chkVal = true; break; }else{ chkVal = false; } } } return chkVal; } }); //apply overflow:scoll kwcmsApp.directive('afterParseVehicle', function (){ return { restrict: 'A', link: function (scope, element, attr) { if (scope.$last === true) { _vehicle_selector_controller_.selectCategory('All'); } } } }); </script> <div ng-controller="carselector.selector" ng-init="init()" id="carselector.selector.comp"> <div class="car_category"> <span class="title">Category :</span> <div class="category"> <span class="form_chk"> <input type="radio" id="All" name="radio01"> <label for="All" class="form_spr radio_box" ng-click="selectCategory('All')"><span class="car_spr sort1">All</span></label> </span> <span class="form_chk"> <input type="radio" id="Cars" name="radio01"> <label for="Cars" class="form_spr radio_box" ng-click="selectCategory('Cars')"><span class="car_spr sort2">Cars</span></label> </span> <span class="form_chk"> <input type="radio" id="Suv" name="radio01"> <label for="Suv" class="form_spr radio_box" ng-click="selectCategory('Suv')"><span class="car_spr sort3">SUV & MPV</span></label> </span> <span class="form_chk"> <input type="radio" id="Hybrid" name="radio01"> <label for="Hybrid" class="form_spr radio_box" ng-click="selectCategory('Hybrid')"><span class="car_spr sort5">Electric & Hybrid</span></label> </span> </div> </div> <div class="car_wrap"> <div class="car_list" ng-show="(selectedCar == 'All' || selectedCar == 'Cars')"> <h5 class="bl_type1">Cars</h5> <ul class="car_u"> <li class="car_l" ng-repeat="car in carCars | orderBy:'sortNo'" ng-show="!hideChk(car.displayYn)" after-parse-vehicle> <div class="car_box"> <a href="#carCars" class="car_a {{car.code}}" title="Select" ng-click="choice(car.code, 'carCars')"> <strong class="car_name" data-display-name-en="{{car.displayNameEn}}">{{car.displayName}}</strong> <span class="car_img"><img ng-src="{{car.imagePath}}" alt="{{car.name}}"></span> </a> </div> </li> </ul> </div> <div class="car_list" ng-show="(selectedCar == 'All' || selectedCar == 'Suv')"> <h5 class="bl_type1">SUV & MPV</h5> <ul class="car_u"> <li class="car_l" ng-repeat="car in suvCars | orderBy:'sortNo'" ng-show="!hideChk(car.displayYn)" after-parse-vehicle> <div class="car_box"> <a href="#suvCars" class="car_a {{car.code}}" title="Select" ng-click="choice(car.code, 'suvCars')"> <strong class="car_name" data-display-name-en="{{car.displayNameEn}}">{{car.displayName}}</strong> <span class="car_img"><img ng-src="{{car.imagePath}}" alt="{{car.name}}"></span> </a> </div> </li> </ul> </div> <div class="car_list" ng-show="(selectedCar == 'All' || selectedCar == 'Hybrid')"> <h5 class="bl_type1">Electric & Hybrid</h5> <ul class="car_u"> <li class="car_l" ng-repeat="car in hyBridCars | orderBy:'sortNo'" ng-show="!hideChk(car.displayYn)" after-parse-vehicle> <div class="car_box"> <a href="#hyBridCars" class="car_a {{car.code}}" title="Select" ng-click="choice(car.code, 'hybridCars')"> <strong class="car_name" data-display-name-en="{{car.displayNameEn}}">{{car.displayName}}</strong> <span class="car_img"><img ng-src="{{car.imagePath}}" alt="{{car.name}}"></span> </a> </div> </li> </ul> </div> </div> </div></div> </div> <div class="selData hidden">Please select Vehicles. : </div> <div class="step_ctrl"> <a href="#next" class="btnMedium btnType1" ng-click="validation('1', '2', true)"><span class="btnIcon arrow_r">Next</span></a> </div> </div>  </li> <li class="stepWrap"> <div class="stepbar bar02"> <strong class="num"><em>02</em></strong> <div class="txt"> <strong>My Info</strong> </div> </div> </li> </ol> </div> <div class="inner email_subscription" ng-show="step == 2"> <ol class="stepType01 emailStep"> <li class="stepWrap paston"> <div class="stepbar bar01"> <strong class="num"><em>01</em></strong> <div class="txt"> <strong>Vehicle</strong> </div> <div class="result"> <div class="car"> <a href="#" class="carList" ng-repeat="car in cars" ng-click="stepChange('1')"><img ng-src="{{car.carImage}}" alt="{{car.carName}}"><span class="carName">{{car.displayName}}</span></a> </div> </div> </div> </li> <li class="stepWrap on"> <div class="stepbar bar02"> <strong class="num"><em>02</em></strong> <div class="txt"> <strong>My Info</strong> <span class="ex">Input Information</span> </div> </div> <div class="stepCon"> <div class="person-info parsys"><div class="userdata-keyin-new section"> <script src="/etc/designs/kia-nmc-en/clientlib/js/xss.js"></script> <form name="datainfo-comp-form" method="POST" action=""> <ul class="info_tbl">  <li class="info_tr"> <div class="info_th">Name<em class="ess">* <span class="hidden" id="valid_name">Is required information.</span></em> </div> <div class="info_td"> <div class="form_area"> <span class="form_wrp"><input type="text" class="input_box fname" name="fname" id="fname" placeholder="First Name" maxlength="50" title="First Name" data-requiered="true" data-type="text" onfocusout="fnNameFocusOut('valid_name')"></span> <span class="space"></span> <span class="form_wrp"><input type="text" class="input_box lname" name="lname" id="lname" placeholder="Last Name" maxlength="50" title="Last Name" data-requiered="true" data-type="text" onfocusout="fnNameFocusOut('valid_name')"></span> </div> </div> </li> <li class="info_tr"> <div class="info_th">Gender<em class="ess">* <span class="hidden" id="valid_gender">Is required information.</span></em></div> <div class="info_td"> <div class="form_area"> <span class="form_wrp"> <span class="sel_box inp_sel"> <select class="form_select city" name="gender" id="gender" title="gender" data-type="select" data-requiered="true"> <option value="">Gender</option> <option value='Male'>Male</option> <option value='Female'>Female</option> </select> </span> </span> </div> </div> </li> <li class="info_tr" id="datainfo-comp-form-email"> <div class="info_th">E-mail<em class="ess">* </em> </div> <div class="info_td"> <span class="form_wrp only"><input type="text" name="email" id="email" class="input_box email" placeholder="sample@master.com" title="E-mail" maxlength="50" data-requiered="true" data-type="text" onfocusout="fnFocusOut(this,'valid_email')"></span> </div> </li> <li class="info_tr" id="datainfo-comp-form-phone"> <div class="info_th">Mobile<em class="ess">* </em> </div> <ul class="info_dth fix_pNumber">  <div class="info_td"> <div class="form_area phone mphone">  <span class="form_wrp"><span class="mphone-first">05 - </span><input type="tel" name="mphone1" id="mphone1" class="input_box mphone1" title="Mobile" onfocusout='fnphoneFocusOut(this,"valid_phone")' oninput='lengthCheckphone(this)' onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' maxlength="8" data-requiered="true" data-type="text"></span> </div> </div> </ul> </li> <li class="info_tr"> <div class="info_th">Branch<em class="ess">* </em> </div> <div class="info_td"> <div class="form_area"> <span class="form_wrp"> <span class="sel_box inp_sel"> <select class="form_select city" name="branch" id="branch" title="Branch" data-requiered-msg="Please enter city" data-requiered="true" data-type="select"> <option value="">Branch</option> <option value="Abha Showroom">Abha Showroom</option> <option value="Jazan Showroom">Jazan Showroom</option> <option value="Jeddah - King Abdul Aziz road Showroom">Jeddah - King Abdul Aziz road Showroom</option> <option value="Jeddah - Madinah road Showroom">Jeddah - Madinah road Showroom</option> <option value="Madina Showroom">Madina Showroom</option> <option value="Makkah Showroom">Makkah Showroom</option> <option value="Najran Showroom">Najran Showroom</option> <option value="Tabouk Showroom">Tabouk Showroom</option> <option value="Taif Showroom">Taif Showroom</option> <option value="Yanbu Showroom">Yanbu Showroom</option> </select> </span> </span> </div> </div> </li> <li class="info_tr" translate="no"> <div class="info_th">Preferences Category <em class="ess">* <span class="hidden" id="valid_customField_0">Is required information.</span></em> </div> <ul class="info_dth"> <li class="info_tr"> <div class="info_td" id="pcategory_area" title="Preferences Category"> <span class="form_chk"> Preferences Category <input type="checkbox" name="customField_0" id="customField_0_0" onClick="fnRadioFocusOut('customField_0','valid_customField_0')" title="Preferences Category" value="New Vehicles" data-requiered="true" data-type="checkbox"> <label for="customField_0_0" class="form_spr check_box"> New Vehicles </label> </span> <span class="form_chk"> <input type="checkbox" name="customField_0" id="customField_0_1" onClick="fnRadioFocusOut('customField_0','valid_customField_0')" title="Preferences Category" value=" Recall" data-requiered="true" data-type="checkbox"> <label for="customField_0_1" class="form_spr check_box"> Recall </label> </span> <span class="form_chk"> <input type="checkbox" name="customField_0" id="customField_0_2" onClick="fnRadioFocusOut('customField_0','valid_customField_0')" title="Preferences Category" value=" Promotion" data-requiered="true" data-type="checkbox"> <label for="customField_0_2" class="form_spr check_box"> Promotion </label> </span> </div> </li> </ul> </li> </ul> </form> <p class="comment"><em class="ess">*</em> Is required information.</p>    <script type="text/javascript" src="/etc/designs/kia-nmc-en/clientlib/js/validation.js"></script> <script type="text/javascript" src="/etc/designs/kia-nmc-en/clientlib/js/validation.add.js"></script> <script type="text/javascript"> var isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false; var winW, isMobileSize, mobileW = 767; (function() { $(window).resize(function() { winW = $(window).outerWidth(); isMobileSize = mobileW > winW ? true : false; }); })(); // 2018.06.04 Mobile phone Input 글자수 제한 스크립트 추가 var lengthCheckPhone = function(obj) { if (obj.value.length > obj.maxLength) { obj.value = obj.value.slice(0, obj.maxLength); } } // centerDealerCitySelectOption Binding ACS var setCenterCity = function(){ try{ _center_city.sort(); }catch(error){ console.log(error); } $('#city').append('<option value="">City</option>'); for(var count = 0; count < _center_city.length; count++){ if(_center_city[count] != null && _center_city[count] != " "){ var option = "<option value='"+_center_city[count]+"'>"+_center_city[count]+"</option>"; $('#city').append(option); /// $(".form_select").resetSS(); } } console.log($(".form_select.city")); $(".form_select.city").resetSS(); } try { fn_customize_time_option($('#ptime')); } catch(e) { console.log('time option - normal calendar') } var fnFocusOut = function(obj, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if ($(obj).val() == "") { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnNameFocusOut = function( targetId ) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); var _fname = $.trim( $( "#fname" ).val() ); var _lname = $.trim( $( "#lname" ).val() ); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if ( _fname == "" || _lname == "") { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnCheckFocusOut = function(cnt, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if (cnt == 0) { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnRadioFocusOut = function(oName, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); var rVal = $(":input:radio[name='"+oName+"']:checked").val(); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if (!rVal) { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnPhoneFocusOut = function(obj, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); //전화번호가 하나라도 입력되었는지 확인 if(mPhoneVal() ){ if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } if( !mPhoneVal() ){ if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } } } /* * if use the this componet, * must be defined "_userdata_" variable. */ var mPhoneVal = function(){ if($("#mphone1").val()!="") return true; else return false; } var PhoneVal = function(){ if($("#p_method").val()=='e'){ return false; }else{ if(mPhoneVal()){ if(!mPhoneVal()){ if($("#mphone1").val()!="") return true; } return false; } else{ return true; } } } //form validation $("form[name=datainfo-comp-form]").validate({ rules : { dummy : {} } , messages : { dummy : {} } , submitHandler : function (form) { var isSubmit = compDataReturn(); if (isSubmit) { _user_data_ = getKeyInValue(); } return false; } }); //show/hide phone or email key field function viewContactMethod (method) { var email = $("#datainfo-comp-form-email"); var email_confirm = $("#datainfo-comp-form-email-confirm"); var phone = $("#datainfo-comp-form-phone"); switch (method) { case "e" : email.show(); email_confirm.show(); phone.hide(); $("#mphone1").val(""); /* $("#mphone2").val(""); $("#mphone3").val(""); */ break; case "p" : email.hide(); email_confirm.hide(); phone.show(); $("#email").val(""); $("#email_confirm").val(""); break; } } //get message size function keyInMessageSize(that) { that = $(that); var maxLen = parseInt("1000", 10); var target = that.parent().parent().parent().find("#datainfo-comp-form-message-count"); var text = that.val(); if (text.length >= maxLen) { that.val(text.substr(0, (maxLen - 1))); } target.text(text.length.toString().split(/(?=(?:\d{3})+(?:\.|$))/g).join(',')); } //return data function compDataReturn () { var rt = true; return rt; } //form submit function userdataInfoSubmit () { var rtn_data = {}; var data = $("form[name=datainfo-comp-form]").serializeArray(); var isRequiered = false; var rtnMsg = ""; var checkMore = true; var _CustomTitle = ""; var _CustomValue = ""; // Serialize form data and check required fields data.some(function(n, i) { var field = $("[name='" + n['name'] +"']"); isRequiered = field.attr("data-requiered") == "true"; var _title = field.attr("title"); var _type = field.attr("data-type"); var _customCheck = n['name'].indexOf("customField"); if(_customCheck == -1){ let dataValues = n['value'].replace(/\s/g ,""); //#65358 공백 제거후 값 체크 if( isRequiered && dataValues=="") { rtnMsg = returnValidateMsg( n['name'] ); alert( rtnMsg ); $("." + n['name'] ).focus(); checkMore = false; rtn_data = null; return true; } } console.log(rtn_data[n['name']]); if( !rtn_data[n['name']]) { rtn_data[n['name']] = n['value']; } else { rtn_data[n['name']] += ","+n['value']; } }); if( checkMore) { var chkMandatoryIdx = 0; $("input[name=privacyYn][data-mandatory=true]").each(function() { if( this.checked ) chkMandatoryIdx++; }); if( chkMandatoryIdx != $("input[name=privacyYn][data-mandatory=true]").length ) { alert('You did not agree to the use of personal information. Please check the privacy agreement.') return true; } //20181106 추가 메일 사용하지않을때 체크 var check = "true"; if(check === "true"){ rtnMsg = returnValidateMsgOther(); } if (rtnMsg != "") { alert(rtnMsg); rtn_data = null; return false; } }else{ return false; } let datalist = []; let prevTitle = ""; let a = $("[name^=customField]"); //커스텀 필드 checkbox, radio 값이 비여져 있는지 확인 if(a.lenght != 0){ a.each(function (index, item) { console.log(item.title); let values = { "item" : item ,"name" : item.name ,"id": item.id ,"requiered": item.getAttribute("data-requiered") ,"checked" :item.checked ,"type":item.type } datalist.push(values); }); } if(datalist.length !== 0){ let prev = ""; let inCount = 0; for (let j of datalist){ //checkbox if(j.checked){ inCount++; //radio check }else{ if($('label[for="' + j.id + '"]').attr("r_on")){ inCount++; } } } var isFirstTitle = true; var isFirstValue = true; for(let i=0; i<datalist.length;i++){ let filed = datalist[i]; if(filed.requiered){ let isValid = false; switch (filed.type) { case 'text': console.log($('input[id="' + filed.id + '"]').val()); isValid = !!$('input[id="' + filed.id + '"]').val(); break; case 'select-one': console.log($('select[id="' + filed.id + '"]').val()); isValid = $('select[id="' + filed.id + '"]').val() ? true : false ; break; case 'checkbox': isValid = filed.checked; break; default: let radioGroup = document.getElementsByName(filed.name); for(let radio of radioGroup){ if(radio.checked){ isValid = true; break; } } break; } if(!isValid){ let rtnMsg = returnValidateMsg(filed.id); alert( rtnMsg ); $('#' + filed.id).focus(); //$('input[id="' + filed[i].id + '"]').focus(); return; } } let _title = $(filed.item).attr("title"); let _value = ""; if(prevTitle != _title){ prevTitle = _title; if(filed.type === 'checkbox' || filed.type === 'radio'){ if(filed.checked){ _value = $(filed.item).val(); } }else{ _value = $(filed.item).val(); } console.log(isFirstTitle); if(isFirstTitle ){ _CustomTitle += _title; isFirstTitle = false; }else{ _CustomTitle += "::"+_title; }if( isFirstValue ){ _CustomValue += _value; isFirstValue = false; }else{ _CustomValue += "::"+_value; } } } } if(_CustomTitle != null && _CustomTitle != "" || _CustomValue != null && _CustomValue != ""){ rtn_data["customTitle"] =_CustomTitle; rtn_data["customValue"] =_CustomValue; } _user_data_ = rtn_data; } function returnValidateMsg( n ) { console.log(n); var _title = $("#" + n ).attr("title"); if(_title == undefined){ _title = $("#" + n +"_0").attr("title"); } console.log("_title",_title); var rtnMsg = ""; var _m = $("#" + n ).data("requiered-msg"); if( _m ) { return _m; } switch (n) { case "fname": rtnMsg = "Please Input Name."; break; case "lname": rtnMsg = "Please Input Name."; break; case "email": rtnMsg = "Please enter your E-mail address.."; break; case "email_confirm": rtnMsg = "Please enter your E-mail address.."; break; case "mphone1": rtnMsg = "Please enter valid phone number.."; break; case "branch": rtnMsg = "Please select a branch"; break; case "city": rtnMsg = "Please select city."; break; case "message" : rtnMsg = "Please enter Message."; break; case "pdate": rtnMsg = "Please enter a Preferred Date."; break; case "ptime": rtnMsg = "Please enter a Preferred Time."; break; case "pcategory": rtnMsg = "msg_check_alert_service"; break; default : rtnMsg = _title + " is a required value. "; break; } return rtnMsg; } function returnValidateMsgOther( ) { var rtnMsg = ""; var _emailVal = $(".email").val(); var _emailConfirmVal = $(".email_confirm").val(); if( rtnMsg == "" ) { if( _emailVal !="" ) { //메일폼 체크 var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; if(!emailReg.test( _emailVal ) ) { rtnMsg = "Is not an email format."; $(".email").focus(); return rtnMsg; } } } else { rtnMsg = ""; } return rtnMsg; } //set methods for data field //makeSelectOption function makeUserDataOptions (arg) { var argLen = arg.length; var opt = ""; if (argLen > 0) { for (var i = 0 ; i < argLen ; i++) { if(i==0){ opt += "<option value=\"" + arg[i][0] + "\">" + arg[i][1] + "</option>"; }else{ opt += "<option value=\"" + arg[i][1] + "\">" + arg[i][1] + "</option>"; } } } return opt; } //set Service or Category //@params - [ ["value1", "text1"], ["value2", "text2"], ["value3", "text3"] ]; var userdata_keyin_custom_categories = null; function setCategories (arg) { userdata_keyin_custom_categories = arg; console.log( "setCategories Call !! :: " + JSON.stringify( userdata_keyin_custom_categories ) ); var argLen = arg.length; var opt = ""; if (argLen > 0) { let title = $("#pcategory_area").attr("title"); //title 지정 for (var i = 0 ; i < argLen ; i++) { opt += "<span class=\"form_chk\">"; opt += "<input type=\"checkbox\" name=\"pcategory\" id=\"pcategory" + i + "\" placeholder=\""+ arg[i][1] + "\" value=\"" + arg[i][1] + "\" title=\"" + title + "\" data-requiered='true'>"; opt += "<label for=\"pcategory" + i + "\" class=\"form_spr check_box pcategory"+i+"\">" + arg[i][1] + "</label>"; opt += "</span>"; } $("#pcategory_area").html(opt).promise().done(function(){ checkBoxInit(); }); $('#pcategory0').attr('checked',true); $('.pcategory0').addClass('c_on'); } } //get <select> value function getSelectValue (n) { var jObj = $("#" + n); return jObj.find("option:selected").val(); } //get checkbox/radiobox value function getRadioValue (n, type) { var values = null; if (type == "radio") { values = $("input[name='" + n + "']:checked").val(); } else if (type == "checkbox") { values = new Array(); $("input[name='" + n + "']").each(function () { if ($(this).prop("checked")) { values.push($(this).val()); } }); } return values; } //get <select> text function getTextByValue (v, cate) { var rt = ""; var arr = null; var value_arr = null; var isValueArray = (v.indexOf(",") > -1) ? true : false; if (isValueArray) { value_arr = v.split(","); } else { value_arr = v; } switch (cate) { case "cate": arr = userdata_keyin_custom_categories; break; case "time": arr = userdata_keyin_custom_prefer_time; break; case "title": arr = userdata_keyin_custom_title; break; } console.log( "setCategories Call !! :: " + cate + " :: " + v + " " + JSON.stringify( arr ) ); if (arr != null && arr.length > 0) { for (var i = 0, iCnt = arr.length ; i < iCnt ; i++) { //arr[i][0] value //arg[i][1] text if (isValueArray) { for (var j = 0, jCnt = value_arr.length ; j < jCnt ; j++) { if (arr[i][0] == $.trim(value_arr[j])) { rt += arr[i][1] + ", "; break; } } } else { if ($.trim(value_arr) == arr[i][0]) { rt = arr[i][1]; break; } } } if (isValueArray) { rt = rt.substr(0, rt.length - 2); } } return rt; } //clear key-in field function resetUserDataKeyIn () { $("form[name=datainfo-comp-form]").eq(0).find("input, select, textarea").each(function () { var ele = $(this).get(0); var tagName = ele.tagName.toLowerCase(); var tagType = $(ele).attr("type"); if (tagName == "select") { $(ele).find("option").eq(0).attr("selected", "selected"); $(ele).trigger("change"); } else if (tagName == "input") { if (tagType != undefined) { if (tagType == "text") { $(ele).val(""); } else if (tagType == "checkbox") { $(ele).prop("checked", false); } else if (tagType == "radio") { $(ele.attr("name")).eq(0).prop("checked", false); } } } else if (tagName == "textarea") { $(ele).val("").trigger("keyup"); } }); $(".form_select").resetSS(); } $(document).ready(function(){ calendarInit(); }); $(window).load(function(){ //setCenterCity(); $(".select-list-selected").remove(); }); </script> </div> </div> <div class="step_ctrl"> <a href="#back" class="btnMedium btnType3" ng-click="stepChange('1')"><span class="btnIcon arrow_l">Back</span></a> <a href="#" class="btnMedium btnType1" ng-click="validation('2', '3', true)"><span class="btnIcon arrow_r">Submit</span></a> </div> </div> </li> </ol> </div> <div class="inner email_subscription" ng-show="step == 3"> <div class="finishTop"> <div class="contBox"> <p class="finishTxt">Kia is the basis of innovation for customers You are transformed into a truly global player.</p> </div> </div> <div class="finishCon"> <div class="person-info-view parsys"><div class="userdata-view-new section"> <script type="text/javascript"> /* * if use the this componet, * must be defined "_userdata_view_scope_", "_vehicle_data_", * "_vehicle_trim_data_", "_dealer_data_", "_center_data_" variables. */ kwcmsApp.controller("userdata.view", function($scope, HttpService) { //copy scope to javascript _userdata_view_scope_ = $scope; //selected Vehicle Data $scope.vehicleData = null; //selected vehicle trim data $scope.vehicleTrimData = null; //selected dealer data $scope.dealerData = null; //select center data $scope.centerData = null; //userData $scope.userData = null; //init userdata viewer $scope.userDataInit = function () { //show vehicle information if (_vehicle_data_ != null && _vehicle_data_ != undefined) { var selectInfo = _vehicle_data_; var selectInfoList = []; for (var i = 0, iCnt = selectInfo.carKey.length ; i < iCnt ; i++) { selectInfoList[i] = { carKey : selectInfo.carKey[i] , carCode : selectInfo.carCode[i] , carName : selectInfo.carName[i] , carImage : selectInfo.carImage[i] , carTrim : null }; if (_vehicle_trim_data_ != null) { selectInfoList[i].carTrim = _vehicle_trim_data_[i]; } } $scope.vehicleData = selectInfoList; } //show vehicle trim information if (_vehicle_trim_data_ != null) { $scope.vehicleTrimData = $scope.vehicleData; } //show dealer information if (_dealer_data_ != null) { $scope.dealerData = _dealer_data_; $scope.dealerNm = $scope.dealerData.dealerNm; $scope.dealerPhone = $scope.dealerData.phone; } //show service center information if (_center_data_ != null) { $scope.centerData = _center_data_; $scope.centerNm = $scope.centerData.centerNm; $scope.centerAddr = $scope.centerData.addr; $scope.centerPhone = $scope.centerData.phone; } //show user key in data if (_user_data_ != null) { $scope.userData = _user_data_; console.log($scope.userData); $scope.fname = $scope.userData.fname; $scope.lname = $scope.userData.lname; $scope.gender = $scope.userData.gender; $scope.email = $scope.userData.email; if (angular.equals($scope.userData.mphone1, "")) { $scope.mphone = ""; } else { $scope.mphone = "05-"+$scope.userData.mphone1; } $scope.branch = $scope.userData.branch; let title = $("#pcategory_area").attr("title"); //title 지정 $scope.pcategorytitle = title; $scope.pcategory = $scope.userData.pcategory; } }; }); //make ajax json function returnAjaxParameters () { var rt = { "dummy" : "" , "reqFnm" : _userdata_view_scope_.fname , "reqLnm" : _userdata_view_scope_.lname , "regNm" : _userdata_view_scope_.lname + ", " + _userdata_view_scope_.fname , "reqGender" : _userdata_view_scope_.gender , "reqEmail" : _userdata_view_scope_.email , "reqPhoneM" : _userdata_view_scope_.mphone , "reqBranch" : _userdata_view_scope_.branch , "reqCustomTitle" : "Preferences Category" , "reqCustomValue" : _userdata_view_scope_.pcategory , "preCategoryNm" : _userdata_view_scope_.pcategory , "statusCd" : "RQ01ST01" }; if (_userdata_view_scope_.vehicleData != null) { var selectInfo = _userdata_view_scope_.vehicleData; for (var i = 0, iCnt = selectInfo.length ; i < iCnt ; i++) { rt["carKey" + (i + 1)] = selectInfo[i].carKey; rt["vehicle" + (i + 1)] = selectInfo[i].carName; if (_userdata_view_scope_.vehicleTrimData != null) { rt["trim" + (i + 1)] = selectInfo[i].carTrim; } } } if (_userdata_view_scope_.dealerData != null) { rt["dealerSeq"] = _userdata_view_scope_.dealerData.dealerSeq; rt["dealerNm"] = _userdata_view_scope_.dealerData.dealerNm; rt["dealerAddr"] = _userdata_view_scope_.dealerData.addr; rt["dealerPhone"] = _userdata_view_scope_.dealerData.phone; rt["dealerEmail"] = _userdata_view_scope_.dealerData.email; } if (_userdata_view_scope_.centerData != null) { rt["dealerSeq"] = _userdata_view_scope_.centerData.centerSeq; rt["dealerNm"] = _userdata_view_scope_.centerData.centerNm; rt["dealerAddr"] = _userdata_view_scope_.centerData.addr; rt["dealerPhone"] = _userdata_view_scope_.centerData.phone; rt["dealerEmail"] = _userdata_view_scope_.centerData.email; } delete rt["dummy"]; return rt; } //call init method function initViewUserData () { _userdata_view_scope_.userDataInit(); } </script> <table class="table_type2" ng-controller="userdata.view" id="userdata.view.comp"> <caption>E-mail Subscription | Shopping Tools | Kia Saudi Arabia NMC result report</caption> <colgroup> <col style="width:20%"><col style="width:auto"> </colgroup> <tbody> <tr ng-show="vehicleData != null"> <th class="tleft">Vehicle</th> <td class="tleft" ng-show="vehicleData.length > 1"> <ul class="finishTbl"> <li ng-repeat="car in vehicleData"> <span class="car"><img ng-src="{{car.carImage}}" alt="{{car.carName}}"> <span class="car_name">{{car.carName}}</span></span> </li> </ul> </td> <td class="tleft" ng-show="vehicleData.length == 1"> <span class="car" ng-repeat="car in vehicleData"><img ng-src="{{car.carImage}}" alt="{{car.carName}}"> <span class="car_name">{{car.carName}}</span></span> </td> </tr> <tr ng-show="vehicleTrimData != null"> <th class="tleft">Trim</th> <td class="tleft" ng-show="vehicleData.length > 1"> <ul class="finishTbl"> <li ng-repeat="car in vehicleData">{{car.carTrim}}</li> </ul> </td> <td class="tleft" ng-show="vehicleData.length == 1" ng-repeat="car in vehicleData">{{car.carTrim}}</td> </tr> <tr ng-show="dealerData != null"> <th class="tleft">Dealer</th> <td class="tleft"> <ul class="barType"> <li>{{dealerNm}}</li> <li>Phone : {{dealerPhone}}</li> </ul> </td> </tr> <tr> <th class="tleft">Name</th> <td class="tleft">{{fname}} {{lname}}</td> </tr> <tr> <th class="tleft">Gender</th> <td class="tleft">{{gender}}</td> </tr> <tr> <th class="tleft">E-mail</th> <td class="tleft">{{email}}</td> </tr> <tr> <th class="tleft">Phone</th> <td class="tleft"> <ul class="barType"> <li>Mobile : {{mphone}}</li> </ul> </td> </tr> <tr> <th class="tleft">Branch</th> <td class="tleft">{{branch}}</td> </tr> <tr ng-show="centerData != null"> <th class="tleft">Service center</th> <td class="tleft"> <ul class="barType"> <li>{{centerNm}}</li> <li>{{centerAddr}}</li> <li>Phone : {{centerPhone}}</li> </ul> </td> </tr> <tr> <th class="tleft">{{pcategorytitle}}</th> <td class="tleft">{{pcategory}}</td> </tr> </tbody> </table> </div> </div>  </div> <div class="btn_area"> <a href="/nmc/en/shopping-tools/email-subscription.thankyou.html" class="btnMedium btnType1"><span class="btnIcon arrow_r">Complete</span></a> </div> </div> </div>  <script> function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { //window.location = url; } }; gtag('event', 'conversion', {'send_to': 'AW-994572117/_7p1COT64XIQ1e6f2gM'} ); return false; } </script></div> </div> </div> </div> <div id="footer"> <div class="site_info">   <div class="f_navi"> <div class="inner"> <div class="foot_content"> <div class="foot_left">  <div class="foot_logo"> <span class="logo"><img src="/content/dam/kwcms/gt/en/images/main/new/new-kia-logo-white.png" alt="logo"></span>  </div>   <div class="info_country"> <a href="/nmc/en/util/kia-global.html" target="_brank">Kia in <span>NMC</span></a> </div> <div class="info_sns"> <a href="https://www.facebook.com/NMCKIA" class="sns_spr spr_facebook" onclick="dtmDataLayer.external_link= 'sns|facebook'; _satellite.track('external_link');" target="_blank" title="Facebook">Facebook</a> <a href="https://twitter.com/nmckia" class="sns_spr spr_twitter" onclick="dtmDataLayer.external_link= 'sns|twitter'; _satellite.track('external_link');" target="_blank" title="Twitter">Twitter</a> <a href="https://www.youtube.com/channel/UClMIW9Nco_ZTW1JpyINL6kg" class="sns_spr spr_youtube" onclick="dtmDataLayer.external_link= 'sns|youtube'; _satellite.track('external_link');" target="_blank" title="Youtube">Youtube</a> <a href="https://www.instagram.com/nmckia/" class="sns_spr spr_instagram" onclick="dtmDataLayer.external_link= 'sns|instagram'; _satellite.track('external_link');" target="_blank" title="Instagram">Instagram</a> <a href="https://www.snapchat.com/add/nmckia" class="sns_spr spr_snapchat" onclick="dtmDataLayer.external_link= 'sns|snapchat'; _satellite.track('external_link');" target="_blank" title="snapchat">snapchat</a> <a href="https://www.linkedin.com/company/nmckia/?viewAsMember=true" class="sns_spr spr_linkedin" onclick="dtmDataLayer.external_link= 'sns|linkedin'; _satellite.track('external_link');" target="_blank" title="linkedin">linkedin</a> <a href="https://www.tiktok.com/@nmc.kiasaudi?lang=en" class="sns_spr spr_tiktok" onclick="dtmDataLayer.external_link= 'sns|tiktok'; _satellite.track('external_link');" target="_blank" title="TikTok">TikTok</a> <a href="https://wa.me/966920034888" class="sns_spr spr_whatsapp" onclick="dtmDataLayer.external_link= 'sns|whatsapp'; _satellite.track('external_link');" target="_blank" title="WhatsApp">WhatsApp</a> </div> </div> <div class="foot_right"> <div class="item1"> <div class="mo_title">Showroom</div> <ul class="mo_con"> <li><a href="/nmc/en/showroom/sportage-L.html" data-ganame="The all-new Sportage">Sportage</a></li> <li><a href="/nmc/en/showroom/new-k5.html" data-ganame="k5">K5</a></li> <li><a href="/nmc/en/showroom/sorento.html" data-ganame="Features">Sorento</a></li> <li><a href="/nmc/en/showroom/k3.html" data-ganame="Features">K3</a></li> <li><a href="/nmc/en/showroom/seltos-sp2.html" data-ganame="Features">Seltos</a></li> <li><a href="/nmc/en/showroom/sonet-new.html" data-ganame="sonet">Sonet</a></li> <li><a href="/nmc/en/showroom/ev5.html" data-ganame="Features">EV5</a></li> <li><a href="/nmc/en/showroom/k5-hybrid.html" data-ganame="The K5 HEV">K5 Hybrid</a></li> <li><a href="/nmc/en/showroom/k8-hybrid.html" data-ganame="The K8 HEV">K8 hybrid</a></li> <li><a href="/nmc/en/showroom/sorento_hev.html" data-ganame="Sorento">Sorento Hybrid</a></li> <li><a href="/nmc/en/showroom/sportage.html" data-ganame="The all-new Sportage">Sportage</a></li> <li><a href="/nmc/en/showroom/telluride.html" data-ganame="telluride">Telluride</a></li> <li><a href="/nmc/en/showroom/carnival.html" data-ganame="Carnival">Carnival</a></li> <li><a href="/nmc/en/showroom/carens.html" data-ganame="The Kia Carens">Carens</a></li> <li><a href="/nmc/en/showroom/k8.html" data-ganame="The Kia K8">K8</a></li> <li><a href="/nmc/en/showroom/pegas.html" data-ganame="Pegas">Pegas</a></li> </ul> </div> <div class="item2"> <div class="mo_title">Shopping Tools</div> <ul class="mo_con"> <li><a href="/nmc/en/shopping-tools/request-a-quote.html" data-ganame="request a quote">Request a Quote</a></li> <li><a href="/nmc/en/shopping-tools/download-a-brochure.html" data-ganame="download a brochure">Download a Brochure</a></li> <li><a href="/nmc/en/shopping-tools/find-a-dealer.html" data-ganame="find a dealer">Find a Dealer</a></li> <li><a href="/nmc/en/shopping-tools/price-information.html" data-ganame="price-information">Cars Pricing Information</a></li> <li><a href="/nmc/en/shopping-tools/parts-pricing-info.html" data-ganame="parts-pricing-info">Parts Pricing Information</a></li> <li><a href="/nmc/en/shopping-tools/email-subscription.html" data-ganame="email subscription">E-mail Subscription</a></li> </ul> </div> <div class="item3"> <div class="mo_title">Kia Owners</div> <ul class="mo_con"> <li><a href="/nmc/en/owners/kia-service.html" data-ganame="Kia Service">Kia Service</a></li> <li><a href="/nmc/en/owners/book-a-service.html" data-ganame="Book a Service">Book a Service</a></li> <li><a href="/nmc/en/owners/bundles-program.html" data-ganame="Bundles Program">Bundles Program</a></li> <li><a href="/nmc/en/owners/parts-accessories.html" data-ganame="parts-accessories">Parts & Accessories</a></li> <li><a href="/nmc/en/owners/warranty-recalls.html" data-ganame="warranty-recalls">Warranty & Recalls</a></li> <li><a href="/nmc/en/owners/roadside-assistance.html" data-ganame="roadside-assistance">Kia Roadside Assistance</a></li> <li><a href="/nmc/en/owners/owner-resources.html" data-ganame="owner-resources">Owner Resources</a></li> <li><a href="/nmc/en/owners/connectivity.html" data-ganame="Connectivity">Connectivity</a></li> <li><a href="/nmc/en/owners/ev-experience.html" data-ganame="ev-experience">EV Experience</a></li> </ul> </div> <div class="item7"> <div class="mo_title">Discover Kia</div> <ul class="mo_con"> <li><a href="/nmc/en/discover-kia/our-movement.html" data-ganame="our movment">Our Movement</a></li> <li><a href="/nmc/en/discover-kia/tasman.html" data-ganame="The Kia Tasman">The Kia Tasman</a></li> <li><a href="/nmc/en/discover-kia/pbv.html" data-ganame="PBV">PBV</a></li> <li><a href="/nmc/en/discover-kia/sponsorship.html" data-ganame="sponsorship">Sponsorship</a></li> <li><a href="/nmc/en/discover-kia/ask.html" data-ganame="ask">ASK</a></li> <li><a href="/nmc/en/discover-kia/venom.html" data-ganame="tba">Venom</a></li> <li><a href="/nmc/en/discover-kia/sustainability.html" data-ganame="sustainability">Sustainability</a></li> <li><a href="/nmc/en/discover-kia/ao2025.html" data-ganame="ao2025">AO 2025</a></li> </ul> </div> </div> </div> <div class="foot_copy_area"> <div class="foot_breadcrumbs">  <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem" style="display:inline"> <span><a href="/nmc/en/main.html" property="item" typeof="WebPage">Home</a> ></span> <meta property="position" content= 1> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <span class="depth" property="name">Shopping Tools</span><span class="gt">></span> <meta property="position" content= 2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <strong class="depth current" property="name">E-mail Subscription</strong> <meta property="position" content= 3> </li> </ol>  </div> <div class="copyright"> <span class="tel_call">  For Inquiries Customercare@nmcauto.sa - For Complaints 8001010010 </span> <address class="cpr"> <span class="br">Copyright © 2021 Kia Corp. All Rights Reserved.</span> </address> </div> </div> </div> </div>  <script type="text/javascript" src="/etc/designs/kia-nmc-en/clientlib/js/jquery.form.stylishSelect.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-nmc-en/clientlib/js/picturefill.js"></script> <script type="text/javascript"> $(document).ready(function(){ //stylish selectbox init if ($(".form_select").length > 0) { $(".form_select").sSelect(); } }); </script></div>  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-37592437-44', 'auto'); ga('send', 'pageview'); </script>  <script> !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init','o6e8f'); twq('track','PageView'); </script>  </div> <div class="gnb_dimmed" style="position: absolute;"></div> <script type="text/javascript"> (function ($, window, undefined) { function Cookie(key, value, options) { if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({ expires: '', domain: $.CookieDomain, path: '/' }, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; } var flagCookie = false; var _init = function () { var consent = Cookie('cookieConsent'); if(consent === 'accepted'){ flagCookie = Cookie("notice"); if (!(flagCookie === 'true')) { console.log(flagCookie) $("#cookie_notice").show(); }else{ $("#cookie_notice").hide(); } }else if(consent === 'rejected'){ $("#cookie_notice").hide(); }else { $("#cookie_notice").show(); } }; var addEvent = function () { $(".notice_agree").on("click", function () { Cookie("notice", true); Cookie('cookieConsent', 'accepted', { expries:365 }); $("#cookie_notice").hide(); flagCookie = true; return false; }); $(".reject").on("click", function () { Cookie("notice", false); Cookie('cookieConsent', 'rejected', { expries:365 }); $("#cookie_notice").css({ 'display': "none" }); flagCookie = false; return false; }); }; _init(); addEvent(); })(jQuery,window) </script> <script type="text/javascript" src="/etc/designs/kia-nmc-en/cookies/js/cookies.js"></script> <div class="cloudservices servicecomponents"> </div> </div> <script> (function($) { //console.log('onload') var _tempTimeoutIndex = setTimeout(function(){ _initTagEvent() }, 200); var _initTagEvent = function() { clearTimeout(_tempTimeoutIndex); //console.log("판정기준 : A태그의 링크값(href)에 외부도메인이 걸려있을 경우. pdf외부링크는 제외.") $("a").not("[href$=\'.pdf\']").each( function() { var propHref = $(this).prop('href'); // 링크의 도메인이 외부도메인인지 여부, 링크가 http로 시작하는지 여부 if( propHref.indexOf(document.domain) < 0 && propHref.startsWith("http") ) { //console.log(this); if( !$(this).hasClass("sns_spr") ) { if( $(this).hasClass("moment") ) { $(this).off('click.tag.anchor').on('click.tag.anchor', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'Outbound Links','event_category': 'navigation', 'event_action': 'outbound link', 'event_label': propHref }); //console.log(window.dataLayer) }); } else { $(this).off('click.tag.anchor').on('click.tag.anchor', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'link_interaction', 'event_category': 'outbound Link', 'event_action': $(this).attr("title"), 'event_label': propHref });//eg: https://www.youtube.com/c/kiachile //console.log(window.dataLayer) }); } } else { $(this).off('click.tag.anchor').on('click.tag.anchor', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action':'outbound Link', 'event_label': propHref });//eg: https://www.youtube.com/c/kiachile console.log(window.dataLayer) }); } } else { if( $(this).hasClass("moment") ) { $(this).off('click.tag.anchor').on('click.tag.anchor', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'Outbound Links','event_category': 'navigation', 'event_action': 'outbound link', 'event_label': propHref }); //console.log(window.dataLayer) }); } } }); //console.log("//===================== add onclick event to Outbound anchor tag end \n\n\n"); // cita de servicio 링크 처리 header $(".gnb_menu.gnb-menu").off('click.initdatalayer').on("click.initdatalayer", ".dth2_l a", function() { //console.log($(this).attr('href')) if( $(this).attr('href') == '/pr/service/citadeservicio.html' ) { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'book a service', 'event_label': 'start' }); //console.log(window.dataLayer[dataLayer.length-1]) } }); // cita de servicio 링크 처리 footer $(".f_navi .mo_con").off('click.initdatalayer').on("click.initdatalayer", "a", function() { if( $(this).attr('href') == '/pr/service/citadeservicio.html' ) { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'form_interaction', 'event_category': 'form', 'event_action': 'book a service', 'event_label': 'start' }); //console.log(window.dataLayer[dataLayer.length-1]) } }); // chatbot 처리 $('body').off('click.tag.chatbot').on('click.tag.chatbot', '#five9-maximize-button', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'chat bot', 'event_category': 'chat bot assistant', 'event_action': 'open', 'event_label': 'N/A' }); }); $('body').off('click.tag.chatbot').on('click.tag.chatbot', '#five9-minimize-button', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'chat bot', 'event_category': 'chat bot assistant', 'event_action': 'close', 'event_label': 'N/A' }); }); //console.log("===================== add onclick logo event to anchor start"); $("div.logo_h1 > a" ).off("click.tag.anchor").on("click.tag.anchor", function(){ window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'top menu', 'event_label': 'logo' }); //console.log(window.dataLayer); }); //console.log("===================== add onclick logo event to anchor end \n\n\n"); //console.log("===================== add top menu event to anchor start"); //console.log("판정기준1 : 대메뉴"); //console.log("판정기준2 : 대메뉴 하위 showroom을 제외한 a 링크"); //console.log("판정기준 : 1,2 의 결과를 merge 하여 처리."); //console.log("예외처리1 : 내부링크에서만 동작"); //console.log("예외처리2 : .pdf 클래스가 있거나 , data-is-pdf=true 일경우 제외"); var _arrdepthOneMenu = $.makeArray($(".gnb_nav .dth1_l > a ")); var _arrdepthTwoMenu = $.makeArray($(".gnb_nav .dth2_u > li > a ")); var _arrTopUtil = $.makeArray( $("div.util_area > ul > li > a.util_a") ); var _arrTopUtil_right = $.makeArray( $("div.util_area > div").find("a") ); var _arrTopMenu = $.unique([..._arrdepthOneMenu, ..._arrdepthTwoMenu, ..._arrTopUtil, ..._arrTopUtil_right]); for( var i in _arrTopMenu ){ $(_arrTopMenu[i]).off("click.tag.anchor").on("click.tag.anchor", function(){ var propHref = $(this).prop('href'); var isSearchBtn = $(this).hasClass( "sch_act_btn" ); var label = $(this).attr("data-ganame"); if( !label ) label = $(this).text(); if( isSearchBtn ) label = $(this).find("span").text(); // 링크의 도메인이 외부도메인인지 여부, 링크가 http로 시작하는지 여부 if( propHref.indexOf(document.domain) > -1 ) { //console.log( "외부링크아님" ); if( !$(this).hasClass("pdf") || $(this).attr("data-is-pdf") != "true" ) { //console.log( "pdf 아님" ); window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'top menu', 'event_label': label }); //console.log(window.dataLayer); } } }); } //console.log("//===================== add top menu event to anchor End \n\n"); //console.log("===================== add buttom menu event to anchor start"); //console.log("판정기준1 : buttom 메뉴의 a 태그"); //console.log("예외처리 : 외부링크 제외 ex: facebook 링크등등. "); var _arrButtomMenu = $.makeArray($("div.foot_right > div").find("a")); for( var i in _arrButtomMenu ){ $(_arrButtomMenu[i]).off("click.tag.anchor").on("click.tag.anchor", function(){ var propHref = $(this).prop('href'); var label = $(this).attr("data-ganame"); if( !label ) label = $(this).text(); if( propHref.indexOf(document.domain) > -1 ) { if( !$(this).hasClass("pdf") || $(this).attr("data-is-pdf") != "true" ) { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'buttom menu', 'event_label': label }); //console.log(window.dataLayer); } } }); } //console.log("//===================== add buttom menu event to anchor End \n\n"); //console.log("===================== add model menu event to anchor start"); //console.log("판정기준1 : Top menu 중에 model 메뉴의 a 태그"); var _arrModelMenu = $.makeArray($("ul.gnb_nav").find("a.grid_box")); for( var i in _arrModelMenu ){ $(_arrModelMenu[i]).off("click.tag.anchor").on("click.tag.anchor", function(){ window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'model menu', 'event_label': $(this).text() }); //console.log(window.dataLayer); }); } //console.log("//===================== add model menu event to anchor End \n\n"); //console.log("===================== add homepage CTA click event to anchor start"); var _arrKvCta = $.makeArray($("a.kv_btn")); for( var i in _arrKvCta ){ $(_arrKvCta[i]).off("click.tag.anchor").on("click.tag.anchor", function(){ window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'Home Page Banner', 'event_label': $(this).attr("href") }); //console.log(window.dataLayer); }); } //console.log("===================== add homepage CTA click event to anchor End \n\n"); } })(jQuery); </script>  </body>  </html>

CINXE.COM

E-mail Subscription | Shopping Tools | Kia Saudi Arabia NMC