Find a Dealer | Shopping Tools

<!DOCTYPE html> <html lang="en-SA"> <head> <title>Find a Dealer | Shopping Tools | Kia Saudi Arabia</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="Find a Dealer | Shopping Tools | Kia Saudi Arabia" /> <meta name="description" content="Let our active dealer network help you buy a new Kia or service your Kia. Locate the nearest Kia dealer, and book a test drive/service or request a quote.">   <meta name="kia_metrics_pagename" content="shopping tools | find a dealer">  <link rel="canonical" href="https://www.kia.com/nmc/en/shopping-tools/find-a-dealer.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="Find a Dealer | Shopping Tools | Kia Saudi Arabia" /> <meta name="twitter:description" content="Let our active dealer network help you buy a new Kia or service your Kia. Locate the nearest Kia dealer, and book a test drive/service or request a quote." /> <meta name="twitter:image" content="https://www.kia.com/content/dam/kwcms/gt/en/images/sns_thumbnail/kia_sns_logo.png" /> <meta name="twitter:url" content="https://www.kia.com/nmc/en/shopping-tools/find-a-dealer.html" /> <meta name="twitter:creator" contents="Kia" /> <meta property="og:site_name" content="Kia Saudi Arabia" /> <meta property="og:title" content="Find a Dealer | Shopping Tools | Kia Saudi Arabia" /> <meta property="og:type" content="website" /> <meta property="og:description" content="Let our active dealer network help you buy a new Kia or service your Kia. Locate the nearest Kia dealer, and book a test drive/service or request a quote." /> <meta property="og:image" content="https://www.kia.com/content/dam/kwcms/gt/en/images/sns_thumbnail/kia_sns_logo.png" /> <meta property="og:url" content="https://www.kia.com/nmc/en/shopping-tools/find-a-dealer.html" /> <meta itemprop="name" content="Find a Dealer | Shopping Tools | Kia Saudi Arabia"> <meta itemprop="description" content="Let our active dealer network help you buy a new Kia or service your Kia. Locate the nearest Kia dealer, and book a test drive/service or request a quote."> <meta itemprop="image" content="https://www.kia.com/content/dam/kwcms/gt/en/images/sns_thumbnail/kia_sns_logo.png"> <meta itemprop="keywords" content="kia, Kia, kia dealer, Find a Dealer, kia shopping"> <meta itemprop="url" content="https://www.kia.com/nmc/en/shopping-tools/find-a-dealer.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 async src="https://www.googletagmanager.com/gtag/js?id=DC-4506156"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'DC-4506156'); </script><script> gtag('event', 'conversion', { 'allow_custom_scripts': true, 'send_to': 'DC-4506156/kia-m0/find-0+standard' }); </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 | find a dealer' // 페이지명. Adobe Analytic page name을 설정하기 위해 설정한 meta tag중 "meta name = kia_metrics_pagename"에 설정된 content 값 입력, eg) <meta name="kia_metrics_pagename" content="cars | carnival | features"> , 'page_type': 'find-a-dealer' //도메인을 제외한 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 new_car"> <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 new_car"> <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 new_car"> <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 new_car"> <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 new_car"> <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 new_car"> <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/Niro-Plus.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/showroom/Niro-plus/Niro.png" class="g_off" alt="msg_vehicle_Niro-Plus"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/showroom/Niro-plus/Niro.png" alt="msg_vehicle_Niro-Plus"> </span> <strong class="g_name">Niro Plus 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/stinger.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/stinger-ck-22my/kia-stinger-gnb-new.png" class="g_off" alt="msg_vehicle_stinger"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/stinger-ck-22my/kia-stinger-gnb-new.png" alt="msg_vehicle_stinger"> </span> <strong class="g_name">Stinger</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/rio-5-door.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/gnb/kia-rio5door-gnb.png" class="g_off" alt="msg_vehicle_rio-5-door"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/gnb/kia-rio5door-gnb.png" alt="msg_vehicle_rio-5-door"> </span> <strong class="g_name">Rio 5-Door</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 new_car"> <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 new_car"> <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/stinger.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/gt/en/images/showroom/stinger-ck-22my/kia-stinger-gnb-new.png" class="g_off" alt="msg_vehicle_stinger"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/gt/en/images/showroom/stinger-ck-22my/kia-stinger-gnb-new.png" alt="msg_vehicle_stinger"> </span> <strong class="g_name">Stinger</strong> </a> </li> <li class="grid_l "> <a href="/nmc/en/showroom/rio-5-door.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/gnb/kia-rio5door-gnb.png" class="g_off" alt="msg_vehicle_rio-5-door"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/gnb/kia-rio5door-gnb.png" alt="msg_vehicle_rio-5-door"> </span> <strong class="g_name">Rio 5-Door</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 new_car"> <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 new_car"> <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 new_car"> <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 new_car"> <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/Niro-Plus.html" class="grid_box "> <span class="g_img"> <img src="/content/dam/kwcms/nmc/en/images/showroom/Niro-plus/Niro.png" class="g_off" alt="msg_vehicle_Niro-Plus"> </span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/nmc/en/images/showroom/Niro-plus/Niro.png" alt="msg_vehicle_Niro-Plus"> </span> <strong class="g_name">Niro Plus 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/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> </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> <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/find-a-dealer.html" property="item" typeof="WebPage"><strong class="depth current"property="name">Find a Dealer</strong></a> <meta property="position" content=3> </li> </ol> </div> <h1 class="con_tit"><p>Find a Dealer</p> </h1> </div></div> <div class="find-a-dealer section"> <script type="text/javascript"> var _find_dealer_search_ = null; var _find_dealer_list_view_ = null; var _find_dealer_map_view_ = null; //var searchYn = false; //2020.08.07 kwcmsApp.controller("findadealer.search", function($scope, HttpService) { //reference_controller_scope _find_dealer_search_ = $scope; //current view selector $scope.searchTab = "all"; $scope.currentTab = ""; //checked category values $scope.checkedValue = []; //default search parameters. $scope.paramVO = { "pageNum" : 1 , "pageSize" : 5 , "pageCnt" : 5 , "sc.delYn" : "N" , "sc.displayYn" : "Y" , "sc.searchType" : "dealer_addr_zipcode" , "sortKey[0]" : "displayOrder" , "sortType[0]" : "A" , "sortKey[1]" : "centerNm" , "sortType[1]" : "A" , "sc.searchKey" : "" }; //initialize $scope.init = function () { $scope.currentTab = "list"; gtag_report_conversion(); //call service categories commonCodeLib.init("FD02SC","kia_nmc_en"); $scope.categories = commonCodeLib.comCdList; console.log($scope.searchTab); if($scope.searchTab == "closest"){ $scope.closestSearch(); }else{ $scope.search(); } }; //change tab $scope.viewTab = function (tabName) { $scope.currentTab = tabName; _find_dealer_list_view_.currentTab = tabName; _find_dealer_map_view_.currentTab = tabName; if($scope.searchTab === "closest"){ $scope.closestSearch(); }else{ $scope.search(); } }; //search method $scope.search = function (pageNum, isAll) { console.log(pageNum); $scope.paramVO["pageNum"] = pageNum || 1; $scope.paramVO["sc.searchKey"] = $scope.searchKey || ""; if($scope.searchTab === "closest"){ var geocoder = new google.maps.Geocoder(); geocoder.geocode({"address" : $scope.paramVO["sc.searchKey"] }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { var coordinate = results[0].geometry.location; if(myLocationLat != undefined && myLocationLng != undefined){ $scope.closestSearch(isAll, coordinate); }else{ _find_dealer_list_view_.total = 0; _find_dealer_list_view_.$apply(); _find_dealer_map_view_.total = 0; _find_dealer_map_view_.$apply(); } //coordinate = results[0].geometry.location; //$scope.closestSearch(isAll, coordinate); } else { $scope.closestSearch(isAll, coordinate); _find_dealer_list_view_.total = 0; _find_dealer_list_view_.$apply(); _find_dealer_map_view_.total = 0; _find_dealer_map_view_.$apply(); } }); }else{ $scope.genralSearch(isAll); }//if end }; $scope.genralSearch = function(isAll) { $scope.paramVO["sc.delYn"] = "N"; $scope.paramVO["sc.displayYn"] = "Y"; $scope.paramVO["pageNum"] = $scope.paramVO["pageNum"] || 1; $scope.paramVO["pageSize"] = 5; $scope.paramVO["pageCnt"] = 5; $scope.paramVO["sc.searchKey"] = $scope.searchKey || ""; console.log($scope.paramVO); /* $scope.paramVO = { "sc.delYn" : "N" , "sc.displayYn" : "Y" , "pageNum" : $scope.paramVO["pageNum"] , "pageSize" : 5 , "pageCnt" : 5 , "sc.searchKey" : $scope.paramVO["searchKey"] || "" //, sc.searchServiceCd[0]: FD02SC01 }; */ if(isAll){ $scope.paramVO["isAll"] = true; } console.log($scope.paramVO); var params = { method : "GET" , params : $scope.paramVO , url : "/api/kia_nmc_en/base/fd01/findDealer.selectFindDealerByServiceList" }; HttpService.http(params, $scope.searchCallback, $scope.paramVO); }; //search for closest $scope.closestSearch = function (isAll, coordinate) { $scope.paramVO["sc.distanceType"] = $("[name='distanceType']").val(); $scope.paramVO["sc.distance"] = $("[name='distance']").val(); if(coordinate){ //2020.08.07 $scope.paramVO["sc.lat"] = coordinate.lat(); $scope.paramVO["sc.lng"] = coordinate.lng(); }else if(myLocationLat !== undefined && myLocationLng !== undefined){ $scope.paramVO["sc.lat"] = myLocationLat; $scope.paramVO["sc.lng"] = myLocationLng; }else{ return; } var params = { method : "GET" , params : $scope.paramVO , url : "/api/kia_nmc_en/base/fd01/findDealer.selectClosestFindDealerList" }; HttpService.http(params, $scope.searchCallback, $scope.paramVO); }; //search callback $scope.searchCallback = function (data, params) { dtmDataLayer = null; //검색버튼클릭 유무 //data.searchYn = searchYn; if( data.totalCount > 0 ) { dtmDataLayer = { 'dealer_search_term': $scope.searchKey }; } else { dtmDataLayer = { 'no_result_dealer': $scope.searchKey }; } _satellite.track('internal_search'); if (params.isAll) { _find_dealer_map_view_.allInit(data, params); } else { _find_dealer_list_view_.init(data, params); _find_dealer_map_view_.init(data, params); } delete $scope.paramVO["isAll"]; }; //click category checkbox search $scope.checkboxSearch = function (code) { var idx = $scope.checkedValue.indexOf(code); var cvLen = $scope.checkedValue.length; if (idx > -1) { // is currently selected $scope.checkedValue.splice(idx, 1); } else { // is newly selected $scope.checkedValue = []; $scope.checkedValue.push(code); } //to make condition for search //initailize if (cvLen > 0) { for (var i = 0 ; i < cvLen ; i++) { delete $scope.paramVO["sc.searchServiceCd[" + i + "]"]; } } //make cvLen = $scope.checkedValue.length; if (cvLen > 0) { for (var i = 0 ; i < cvLen ; i++) { $scope.paramVO["sc.searchServiceCd[" + i + "]"] = $scope.checkedValue[i]; } } console.log("============="); console.log($scope.paramVO); console.log("============="); $scope.search(1,false); }; //first. check input a keyword, two. search $scope.checkKeyword = function() { if (angular.equals($scope.searchKey, "") || angular.equals($scope.searchKey, undefined)) { //alert('Please enter a keyword.'); $scope.search(1,false); } else { //searchYn = true; $scope.search(1,false); } }; // #sg참고해서 구현#65009 서비스 카테고리 선택 $(window).on("load",function() { var urlParam = new URL(location.href).searchParams; var serviceCate = urlParam.get('category'); for(i=0; i<$scope.categories.length; i++){ console.log(serviceCate); console.log($scope.categories[i].text); console.log(serviceCate.toUpperCase() === $scope.categories[i].text.toUpperCase()) console.log(serviceCate.toUpperCase() == $scope.categories[i].text.toUpperCase()) if(serviceCate.toUpperCase().trim() === $scope.categories[i].text.toUpperCase().trim()){ var code = $scope.categories[i].code; console.log($scope.categories[i].code); $("."+code).click(); $scope.checkboxSearch(code); } }; //$scope.checkboxSearch("FD02SC02"); }); }); // 검색창 엔터키 이벤트 바인딩 추가 2018.05.14 kwcmsApp.directive('ngEnter', function() { return function(scope, element, attrs) { element.bind("keydown keypress", function(event) { if(event.which === 13) { event.preventDefault(); element.scope().checkKeyword(); } }); } }); </script> <div class="content_detail"> <div class="inner find_dealer"> <div class="findSearch findDealer" ng-controller="findadealer.search" ng-init="init()"> <strong class="schTit">Search</strong> <div class="schCon"> <div class="tab_type3 schTab"> <a href="#" class="input_box"><span>{{searchTab == 'all' ? 'Find a Dealer' : 'Closest Dealers Within'}}</span></a> <ul> <li><a href="find-a-dealer.all.html" ng-class="{tab_on : searchTab == 'all'}"><span>Find a Dealer</span></a></li> <li><a href="find-a-dealer.closest.html" ng-class="{tab_on : searchTab == 'closest'}"><span>Closest Dealers Within</span></a></li> </ul> </div> <div class="formArea"> <h4 class="hidden">Find a Dealer</h4> <div class="formInput"> <input type="text" placeholder="Enter Search City" class="sch_inp" id="search_sample1" title="Enter Zip/Postal Code number" ng-model="searchKey" ng-keydown="searchEnter($event)" > </div> </div> <div class="searchOption"> <span class="formCheck" ng-repeat="cate in categories | orderBy:'sortNo'" ng-if="cate.delYn=='N'"> <input type="checkbox" id="sample{{$index + 1}}" class="{{cate.code}}"> <label for="sample{{$index + 1}}" class="check_box {{cate.extra2}}" ng-click="checkboxSearch(cate.code)" value="{{cate.code}}" ng-bind-html="cate.text | sanitize"></label> </span> </div> </div> <div class="btnArea"><button type="button" class="btnMedium btnType1" ng-click="checkKeyword()"><span class="btnIcon arrow_r">SEARCH</span></button></div> </div> <script type="text/javascript"> kwcmsApp.controller("findadealer.list", function($scope, pagination) { //reference_controller_scope _find_dealer_list_view_ = $scope; //current view selector $scope.searchTab = _find_dealer_search_.searchTab; $scope.currentTab = _find_dealer_search_.currentTab; //initailize list view $scope.init = function (data, params) { if (angular.equals(data.result, "Success")) { $scope.list = data.dataInfo; $scope.total = data.totalCount; $scope.firstNum = $scope.total - ((params.pageNum - 1) * params.pageSize); pagination.paginationCreate($scope.total, params.pageNum, params.pageSize, params.pageCnt, $scope.search); } else { alert('Sorry. A system error has occurred.'); } }; //phone 2018.05.09 추가 https://wrms.kia.com/cb/issue/38544 $scope.fnGoPhone = function (phone) { var tel = ""; if(phone != null){ if(phone.indexOf("/") != -1) { var strArray= phone.split("/"); if(strArray[0] != null){ tel = strArray[0]; } }else { tel = phone; } } if(matchMedia("screen and (max-width: 767px)").matches){location.href = "tel:" + tel;}; }; //56272 추가 KBR $scope.hideCheck = function (str, find) { if(str != null && str != ""){ let shoppingData = str.split(','); if(shoppingData.length>0){ for(var i in shoppingData){ if(shoppingData[i] == find) return true; } }else{ return false; } }else{ return false; } }; //search $scope.search = function (pageNum) { _find_dealer_search_.search(pageNum); }; //change tab $scope.viewTab = function (tab) { _find_dealer_search_.viewTab(tab); }; //make address html $scope.getAddrStr = function(item){ var str = " "; if(item.phone != null){ str += '- Phone: ' + item.phone; } if(item.fax != null){ if(str != "- "){ str += " / "; } str += 'Fax: ' + item.fax; } /* if(item.url != null){ if(str != "- "){ str += " / "; } str += '<a href="' + item.url + '" target="_blank">' + item.url + '</a>'; } */ if(item.zipcode != null && item.zipcode != ""){ str = item.addr + ', ' + item.zipcode + "<br>" + str; } else{ str = item.addr + "<br>" + str; } return str; }; $scope.googleMap2 = function(url, dealerNm){ window.open(url,dealerNm, 'width=1000px, height=500px'); } //googMap Call NewWindow $scope.googleMap = function (lat,lng,dealerNm) { var posion = lat+" "+ lng; //window.open('http://maps.google.com/maps?&q=('+ keyword +')&latlng=('+ posion+ ')', '팝업창 이름','width=1000px, height=500px'); window.open('https://maps.google.com/maps?&q=('+ posion +')', dealerNm ,'width=1000px, height=500px'); }; $scope.clickLink = function(url, title, dealerSeq, dealerNm ) { // find a dealer 또는 service center > dealer 이름 옆에 링크 클릭 시 window.dataLayer = window.dataLayer ||[]; window.dataLayer.push({ 'event': 'find_a_dealer', 'event_category': 'find a dealer', 'event_action': title, //'request a testdrive', 'event_label': dealerNm, // eg: 'abdo kfoury' 'dealer_name': dealerNm, }); if(title == "online_booking"){ location.href = url; }else{ //console.log(window.dataLayer[window.dataLayer.length-1]); location.href = url+dealerSeq; } }; }); </script> <div class="con_box location_result" ng-controller="findadealer.list" ng-show="currentTab == 'list'"> <div class="location_text"> <h5 class="result_txt"><span class="m_none">SEARCH RESULT : </span><strong>{{total}}</strong> Dealers Found</h5> <div class="tab_type1"> <a href="#list" class="tab_link tt1_on" ng-click="viewTab('list')">LIST VIEW</a> <a href="#map" class="tab_link" ng-click="viewTab('map')">MAP VIEW</a> </div> </div> <div class="location_listview"> <h6 class="hidden">LIST VIEW</h6> <table class="table_type3 location_table"> <caption>SEARCH RESULT</caption> <colgroup> <col style="width:17%"> <col style="width:*"> <col style="width:35%">  <col style="width:222px;text-align:center"> <col style="width:19%"> </colgroup> <thead> <tr> <th scope="col">Name</th> <th scope="col">Address / Phone</th> <th scope="col">Operating Hours</th> <th scope="col">Service Category</th> <th scope="col">Service Tool</th> </tr> </thead> <tbody> <tr ng-repeat="item in list" ng-show="total > 0"> <th>{{item.dealerNm}}</th> <td class="tleft"><div ng-bind-html="getAddrStr(item) | sanitize"></div><a ng-href="{{item.url.indexOf('http') == -1 ? ('http://' + item.url) : item.url}}" target="_blank">{{item.url}}</a> <div ng-hide="!item.email">- Email: {{item.email}}</div></td> <td class="tleft" ng-bind-html="item.openHours | sanitize"></td> <td> <div class="offerList"> <span ng-repeat="ds in item.dsList" class="map_spr {{ds.extra1}}">{{ds.text}}</span> </div> </td> <td class="tleft"> <a ng-if='hideCheck(item.shopping,"request-a-test-drive")' href="javascript:;" ng-click="clickLink('/nmc/en/shopping-tools/request-a-test-drive.html/dealerSeq/','request_a_test_drive',item.dealerSeq, item.dealerNm)" class="bl_type_a" title="msg_new_window">Request a test drive</a> <a ng-if='hideCheck(item.shopping,"request-a-quote")' href="javascript:;" ng-click="clickLink('/nmc/en/shopping-tools/request-a-quote.html/dealerSeq/','request_a_quote', item.dealerSeq, item.dealerNm)" class="bl_type_a" title="msg_new_window">Request a quote</a> <a ng-if='hideCheck(item.shopping,"book-service-appointment")' href="javascript:;" ng-click="clickLink('/nmc/en/service/book-an-appointment.html','book_a_service', item.dealerNm)" class="bl_type_a" title="msg_new_window">Book service appointment</a>  <a ng-if='hideCheck(item.shopping,"online-booking")' href="javascript:;" ng-click="clickLink('/nmc/en/service/book-a-service.html','online_booking', item.dealerNm)" class="bl_type_a" title="msg_new_window">Online Booking</a>  <a ng-if='hideCheck(item.shopping,"delivery-new-car")' href="#" class="bl_type_a">Delivery New Car</a>  <a ng-if='item.mapText != null' href="#" class="bl_type_a" ng-click="googleMap2(item.mapUrl,item.dealerNm)">{{item.mapText}}</a> </td> </tr> <tr ng-show="total == 0"> <td colspan="5" class="nodata"><span>NO RESULT FOUND FOR YOUR QUERY</span></td> </tr> </tbody> </table> <ul class="location_list"> <li class="loc_l" ng-repeat="item in list | orderBy:'displayOrder'" ng-show="total > 0"> <strong class="locTit">{{item.dealerNm}}</strong> <div class="locInfo"> <p class="addr" ng-hide="!item.addr">{{item.addr}}</p> <ul class="info"> <li ng-hide="!item.phone"><strong>Phone</strong> : <a ng-click="fnGoPhone(item.phone)">{{item.phone}}</a></li> <li class="hours" ng-bind-html="'<strong>Operating Hours</strong>{{item.openHours}}' | sanitize"></li> <li ng-hide="!item.url"><strong>URL</strong> : <a ng-href="{{item.url}}" target="_blank">{{item.url}}</a></li> <li ng-hide="!item.email"><div><strong>- Email</strong> : {{item.email}}</div><li> </ul> <div class="offerList"> <span ng-repeat="ds in item.dsList" class="map_spr {{ds.extra1}}">{{ds.text}}</span> </div> <div class="btn_area"> <a ng-if='hideCheck(item.shopping,"request-a-test-drive")' href="javascript:;" ng-click="clickLink('/nmc/en/shopping-tools/request-a-test-drive.html/dealerSeq/','request_a_test_drive',item.dealerSeq, item.dealerNm)" class="bl_type_a" title="msg_new_window">Request a test drive</a> <a ng-if='hideCheck(item.shopping,"request-a-quote")' href="javascript:;" ng-click="clickLink('/nmc/en/shopping-tools/request-a-quote.html/dealerSeq/','request_a_quote',item.dealerSeq,item.dealerNm)" class="bl_type_a" title="msg_new_window">Request a quote</a> <a ng-if='hideCheck(item.shopping,"book-service-appointment")' href="javascript:;" ng-click="clickLink('/nmc/en/service/book-an-appointment.html','book_a_service', item.dealerNm)" class="bl_type_a" title="msg_new_window">Book service appointment</a>  <a ng-if='hideCheck(item.shopping,"online-booking")' href="javascript:;" ng-click="clickLink('/nmc/en/service/book-a-service.html','online_booking', item.dealerNm)" class="bl_type_a" title="msg_new_window">Online Booking</a>  <a ng-if='hideCheck(item.shopping,"delivery-new-car")' href="#" class="bl_type_a">Delivery New Car</a> <a ng-if='item.mapText != null' href="#" class="bl_type_a" ng-click="googleMap2(item.mapUrl,item.dealerNm)">{{item.mapText}}</a>  </div> </div> </li> <li class="nodata" ng-show="total == 0"><span>NO RESULT FOUND FOR YOUR QUERY</span></li> </ul> <div class="pg_num_area" ng-show="total > 0"> <script type="text/javascript"> kwcmsApp.factory('pagination',[function(){ var paginationObj = { pageNum : "", prePageNum : "", nextPageNum: "", totalPageNum: "", nextGroupStartPage : "", range : "", movePage:function(){}, }; return { paginationCreate : function(tCnt,pNum,row,pager,fnc){ var rowPerPage = row; /** 보여질 row 갯수 */ var pagerSize = pager; /** 하단 pagerSize */ var totalPager = parseInt((tCnt-1)/rowPerPage+1); paginationObj.movePage = fnc; /***************************** * 현재 pageNum validate ******************************/ if(!pNum) pNum = 1; if(pNum<1) pNum = 1; if(pNum>totalPager) pNum = totalPager; paginationObj.pageNum = pNum; paginationObj.totalPager = totalPager; paginationObj.prePageNum = paginationObj.pageNum-1 <1 ? "1" : paginationObj.pageNum-1; paginationObj.nextPageNum = paginationObj.pageNum+1 >totalPager ? totalPager : paginationObj.pageNum+1; /***************************** * pagination * 표시될 pager 갯수 정의 ******************************/ pagerBlock = parseInt((paginationObj.pageNum-1)/pagerSize); pagerStartNum= parseInt(pagerBlock*pagerSize)+1; pagerEndNum = pagerStartNum+(pagerSize-1); if(pagerEndNum > totalPager) pagerEndNum = totalPager; var range = []; for(var i=pagerStartNum;i<=pagerEndNum;i++) { range.push(i); } paginationObj.range = range; paginationObj.prePageNum = (Math.ceil(paginationObj.pageNum/pager)-1)*pager; paginationObj.nextPageNum = pagerStartNum+pager >totalPager ? totalPager : pagerStartNum+pager; paginationObj.nextGroupStartPage = (Math.ceil(pNum/pagerSize) * pagerSize) +1; }, paginationData: function(){ return paginationObj; } }; }]); kwcmsApp.controller('kwcmsPagingCtl',['$scope','pagination',function($scope, pagination){ $scope.paginationObj = pagination.paginationData(); /* * $scope.paginationObj.movePage 함수는 $scope.paginationObj원형 그대로 사용 * alert($scope.paginationObj); */ }]); </script> <div ng-controller="kwcmsPagingCtl"> <a href="#" onclick="return false;" class="pg_arrow pg_prev" ng-click="paginationObj.movePage(paginationObj.prePageNum)" ng-show="paginationObj.prePageNum > 1">이전페이지</a> <a href="#" onclick="return false;" class="{{pageNumList == paginationObj.pageNum ? 'pg_num pg_num_on':'pg_num'}}" title="{{pageNumList == paginationObj.pageNum ? '현재페이지':''}}" ng-repeat="pageNumList in paginationObj.range" ng-click="paginationObj.movePage(pageNumList)">{{pageNumList}}</a> <a href="#" onclick="return false;" class="pg_arrow pg_next" ng-click="paginationObj.movePage(paginationObj.nextPageNum)" ng-show="paginationObj.nextGroupStartPage <= paginationObj.totalPager">다음페이지</a> </div> </div> </div> </div> <script type="text/javascript"> var objPoint = {}; kwcmsApp.controller("findadealer.map", function($scope, $timeout, pagination) { //reference_controller_scope _find_dealer_map_view_ = $scope; //map area id $scope.mapWrap = "mapArea"; //current view selector $scope.searchTab = _find_dealer_search_.searchTab; $scope.currentTab = _find_dealer_search_.currentTab; //exist all list? $scope.isCallAllList = false; //initailize list view $scope.init = function (data, params) { if (angular.equals(data.result, "Success")) { //get all list without search conditions if ($scope.isCallAllList == false) { _find_dealer_search_.search(1, true); $scope.isCallAllList = true; } $scope.list = data.dataInfo; $scope.total = data.totalCount; $scope.firstNum = $scope.total - ((params.pageNum - 1) * params.pageSize); //pagination pagination.paginationCreate($scope.total, params.pageNum, params.pageSize, params.pageCnt, $scope.search); //init map $scope.initMap($scope.list, $scope.mapWrap, 0); } else { alert('Sorry. A system error has occurred.'); } }; //initailize all list $scope.allInit = function (data, params) { $scope.allList = data.dataInfo; objPoint.pointAll = []; //init map angular.element($scope.allList).each(function(idx){ var layerDOM = '<div class="dealer_layer">'; layerDOM += ' <div class="dealer_info">'; layerDOM += ' <strong class="name">' + this.dealerNm + '</strong>'; layerDOM += ' <ul class="info">'; layerDOM += ' <li class="address">' + this.addr + '</li>'; layerDOM += ' <li class="tel">Phone : ' + this.phone + '</li>'; layerDOM += ' <li class="offer">'; layerDOM += ' </li>'; layerDOM += ' </ul>'; layerDOM += ' <div class="move">'; layerDOM += ' <a href="javascript:clickLink(\'' + '/content/kwcms/nmc/en/shopping-tools/request-a-test-drive.html' + '\',\'' + 'Request a Test Drive' + '\',\''+this.dealerNm+'\' )" class="bl_type_a">Request a test drive</a>'; layerDOM += ' <a href="javascript:clickLink(\'' + '/content/kwcms/nmc/en/shopping-tools/request-a-quote.html' + '\',\'' + 'Request a Quote' + '\',\''+this.dealerNm+'\' )" class="bl_type_a">Request a quote</a>'; layerDOM += ' </div>'; layerDOM += ' </div>'; layerDOM += '</div>'; objPoint.pointAll[idx] = ({ "lat" : this.lat , "lng" : this.lng , "info": layerDOM }); }); }; //draw map $scope.initMap = function (mapInfoObj, areaId, selectIdx) { $scope.currBranch = selectIdx; if (objPoint) { objPoint.point =[]; if (mapInfoObj != "") { //dom for dealer layer angular.element(mapInfoObj).each(function(idx){ var layerDOM = '<div class="dealer_layer">'; layerDOM += ' <div class="dealer_info">'; layerDOM += ' <strong class="name">' + this.dealerNm + '</strong>'; layerDOM += ' <ul class="info">'; layerDOM += ' <li class="address">' + this.addr + '</li>'; layerDOM += ' <li class="tel">Phone : ' + this.phone + '</li>'; layerDOM += ' <li class="offer">'; layerDOM += ' </li>'; layerDOM += ' </ul>'; layerDOM += ' <div class="move">'; //layerDOM += ' <a href="' + this.url + '" class="bl_type_a">GO TO Website</a>'; layerDOM += ' <a href="javascript:clickLink(\'' + '/nmc/en/shopping-tools/request-a-test-drive.html' + '\',\'' + 'Request a Test Drive' + '\',\''+this.dealerNm+'\' )" class="bl_type_a">Request a test drive</a>'; layerDOM += ' <a href="javascript:clickLink(\'' + '/nmc/en/shopping-tools/request-a-quote.html' + '\',\'' + 'Request a Quote' + '\',\''+this.dealerNm+'\' )" class="bl_type_a">Request a quote</a>'; layerDOM += ' </div>'; layerDOM += ' </div>'; layerDOM += '</div>'; objPoint.point[idx] = ({ "lat" : this.lat , "lng" : this.lng , "info": layerDOM }); }); }else{ objPoint.point[0]=({ "lat" : centerLat , "lng" : centerLng , "info" : '' }); } initialize(selectIdx, areaId); } }; $scope.dataLayerPush = function (itm) { // #56142 #54979 window.dataLayer.push({ 'event': 'find_a_dealer', 'event_category': 'find a dealer', 'event_action': 'click a dealer', 'event_label': itm.dealerNm, // eg: 'abdo kfoury' 'dealer_name': itm.dealerNm, }); }; //phone 2018.05.09 추가 https://wrms.kia.com/cb/issue/38544 $scope.fnGoPhone = function (phone) { var tel = ""; if(phone != null){ if(phone.indexOf("/") != -1) { var strArray= phone.split("/"); if(strArray[0] != null){ tel = strArray[0]; } }else { tel = phone; } } if(matchMedia("screen and (max-width: 767px)").matches){location.href = "tel:" + tel;}; }; //search $scope.search = function (pageNum) { _find_dealer_search_.search(pageNum); }; //change tab $scope.viewTab = function (tab) { _find_dealer_search_.viewTab(tab); }; //$watch for map $scope.$watch(function() { if(angular.equals($scope.currentTab, "map")) { return true; } else { return false; } }, function(newvalue) { $timeout(function() { if($scope.list != undefined){ $scope.initMap($scope.list, $scope.mapWrap, 0); } }, 0); }); }); </script> <div class="con_box location_result" ng-controller="findadealer.map" ng-show="currentTab == 'map'"> <div class="location_text"> <h5 class="result_txt"><span class="m_none">SEARCH RESULT : </span><strong>{{total}}</strong> Dealers Found</h5> <div class="tab_type1"> <a href="#list" class="tab_link" ng-click="viewTab('list')">LIST VIEW</a> <a href="#map" class="tab_link tt1_on" ng-click="viewTab('map')">MAP VIEW</a> </div> </div> <div class="location_mapview" ng-show="total > 0"> <h6 class="hidden">MAP VIEW</h6> <div class="mapInner"> <div class="mapArea" id="mapArea"> <div class="mapParsys parsys"><div class="google-map-list parbase section">  <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyAtbOoZS_Cppi7CDt-UBduuz8SHj9TuLGk&language=en&region=KR&libraries=geometry,places"></script> <script type="text/javascript"> var centerLat = 23.61; var centerLng = 58.539999999999964; var myLocation; var myLocationLat; var myLocationLng; if (!navigator.geolocation){ console.log("사용자의 브라우저는 지오로케이션을 지원하지 않습니다.") //("사용자의 브라우저는 지오로케이션을 지원하지 않습니다.") }else{ navigator.geolocation.getCurrentPosition(successGeo, errorGeo); } function successGeo(position) { var latitude = position.coords.latitude; var longitude = position.coords.longitude; console.log(latitude) console.log(longitude) //centerLat = latitude; //centerLng = longitude; myLocation = new google.maps.LatLng(latitude, longitude); myLocationLat = latitude; myLocationLng = longitude; /* $.each(objPoint.point, function(idx){ routeCalc(this.lat, this.lng, idx); }); */ }; function errorGeo() { console.log("사용자의 위치를 찾을 수 없습니다.") //("사용자의 위치를 찾을 수 없습니다."); }; var infoString = ""; var objPoint = { center : { lat: centerLat, lng: centerLng }, point : [ { lat:"", lng:"", info:"" } ] }; function initializeWithConfig(cfg){ if( cfg ) { initialize(cfg.infoIdx, cfg.areaId, cfg); } } function initialize(infoIdx, areaId, cfg){ cfg = cfg || {}; $("."+areaId).html(""); var map; objPoint.center.lat =objPoint.point[infoIdx].lat; objPoint.center.lng =objPoint.point[infoIdx].lng; var myCenter = new google.maps.LatLng(objPoint.center.lat, objPoint.center.lng); var mapProp = { center:myCenter ,zoom: cfg.zoom || 15 ,disableDefaultUI:true ,mapTypeId:google.maps.MapTypeId.ROADMAP /* 1. ROADMAP (normal, default 2D map) 2. SATELLITE (photographic map) 3. HYBRID (photographic map + roads and city names) 4. TERRAIN (map with mountains, rivers, etc.) */ ,mapTypeControl: true ,mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR ,position: google.maps.ControlPosition.TOP_RIGHT } }; map=new google.maps.Map(document.getElementById(areaId),mapProp); var defaultMarker; $.each(objPoint.point, function(idx){ //var image = '/content/dam/kia-korea/images/pip/img_pip_indicatorIcon_on.gif'; var marker=new google.maps.Marker({ position:new google.maps.LatLng(this.lat, this.lng) //,icon: image }); if(this.lat == objPoint.point[infoIdx].lat && this.lng== objPoint.point[infoIdx].lng ){ defaultMarker = marker; } google.maps.event.addListener(marker, 'click', function(){ infoWindow.close(); infoWindow = new google.maps.InfoWindow({ content: objPoint.point[idx].info }); infoWindow.open(map, marker); if(objPoint.location!=null) printClickEvent(); }); marker.setMap(map); }); var viewportWidth = $(window).width(); if(objPoint.point[infoIdx].info!=""){ var infoWindow = new google.maps.InfoWindow({ content: objPoint.point[infoIdx].info }); if(viewportWidth>767){ infoWindow.open(map, defaultMarker); if(objPoint.location!=null) printClickEvent(); } } /* if(myLocation){ $.each(objPoint.point, function(idx){ routeCalc(this.lat, this.lng, idx); }); } */ /* google.maps.event.addListener(map, 'click', function(event) { alert(event.latLng.lat()); alert(event.latLng.lng()); }); */ } var directionsService; function routeCalc(dLat, dLng, idx) { directionsService = null; directionsService = new google.maps.DirectionsService(); var request = { origin:myLocation ,destination:new google.maps.LatLng(dLat, dLng) ,travelMode: google.maps.TravelMode.TRANSIT /* 1. DRIVING 2. BICYCLING 3. TRANSIT 4. WALKING */ //,region: "ko" }; directionsService.route(request, function(result, status) { if (status == google.maps.DirectionsStatus.OK) { $(".distance:eq("+idx+")").html(result.routes[0].legs[0].distance.text); } }); } var geocoder; function fnGetLatLng(pageNum, args, locString, isMylocation, tab){ var getLatLng = locString; var objLatLng = {"k":"", "D":""}; if(!isMylocation){ if(getLatLng!=""){ geocoder = new google.maps.Geocoder(); geocoder.geocode( { 'address': getLatLng}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { objLatLng = results[0].geometry.location; }else{ //("Geocode was not successful for the following reason: " + status) } if(tab == "M") angular.element("#page_M").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); else angular.element("#page_L").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); }); }else{ if(tab == "M") angular.element("#page_M").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); else angular.element("#page_L").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); } }else{ objLatLng = {"k":myLocationLat, "D":myLocationLng}; if(tab == "M") angular.element("#page_M").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); else angular.element("#page_L").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); } } </script></div> </div> </div> </div> <div class="center_list"> <div class="listInner"> <ul> <li ng-repeat="item in list"> <a href="javascript:;" class="dealer_a" ng-class="{center_on:currBranch == $index}" ng-click="dataLayerPush(item);initMap(list, mapWrap, $index);"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt>{{item.dealerNm}}</dt> <dd ng-hide="!item.addr">{{item.addr}}</dd> <dd ng-hide="!item.phone" ng-click="fnGoPhone(item.phone)">Phone : {{item.phone}}</dd> <dd ng-hide="!item.fax">Fax : {{item.fax}}</dd> </dl> </a> </li> </ul> </div> <div class="pg_num_area"> <script type="text/javascript"> kwcmsApp.factory('pagination',[function(){ var paginationObj = { pageNum : "", prePageNum : "", nextPageNum: "", totalPageNum: "", nextGroupStartPage : "", range : "", movePage:function(){}, }; return { paginationCreate : function(tCnt,pNum,row,pager,fnc){ var rowPerPage = row; /** 보여질 row 갯수 */ var pagerSize = pager; /** 하단 pagerSize */ var totalPager = parseInt((tCnt-1)/rowPerPage+1); paginationObj.movePage = fnc; /***************************** * 현재 pageNum validate ******************************/ if(!pNum) pNum = 1; if(pNum<1) pNum = 1; if(pNum>totalPager) pNum = totalPager; paginationObj.pageNum = pNum; paginationObj.totalPager = totalPager; paginationObj.prePageNum = paginationObj.pageNum-1 <1 ? "1" : paginationObj.pageNum-1; paginationObj.nextPageNum = paginationObj.pageNum+1 >totalPager ? totalPager : paginationObj.pageNum+1; /***************************** * pagination * 표시될 pager 갯수 정의 ******************************/ pagerBlock = parseInt((paginationObj.pageNum-1)/pagerSize); pagerStartNum= parseInt(pagerBlock*pagerSize)+1; pagerEndNum = pagerStartNum+(pagerSize-1); if(pagerEndNum > totalPager) pagerEndNum = totalPager; var range = []; for(var i=pagerStartNum;i<=pagerEndNum;i++) { range.push(i); } paginationObj.range = range; paginationObj.prePageNum = (Math.ceil(paginationObj.pageNum/pager)-1)*pager; paginationObj.nextPageNum = pagerStartNum+pager >totalPager ? totalPager : pagerStartNum+pager; paginationObj.nextGroupStartPage = (Math.ceil(pNum/pagerSize) * pagerSize) +1; }, paginationData: function(){ return paginationObj; } }; }]); kwcmsApp.controller('kwcmsPagingCtl',['$scope','pagination',function($scope, pagination){ $scope.paginationObj = pagination.paginationData(); /* * $scope.paginationObj.movePage 함수는 $scope.paginationObj원형 그대로 사용 * alert($scope.paginationObj); */ }]); </script> <div ng-controller="kwcmsPagingCtl"> <a href="#" onclick="return false;" class="pg_arrow pg_prev" ng-click="paginationObj.movePage(paginationObj.prePageNum)" ng-show="paginationObj.prePageNum > 1">이전페이지</a> <a href="#" onclick="return false;" class="{{pageNumList == paginationObj.pageNum ? 'pg_num pg_num_on':'pg_num'}}" title="{{pageNumList == paginationObj.pageNum ? '현재페이지':''}}" ng-repeat="pageNumList in paginationObj.range" ng-click="paginationObj.movePage(pageNumList)">{{pageNumList}}</a> <a href="#" onclick="return false;" class="pg_arrow pg_next" ng-click="paginationObj.movePage(paginationObj.nextPageNum)" ng-show="paginationObj.nextGroupStartPage <= paginationObj.totalPager">다음페이지</a> </div> </div> </div> </div> </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/ezlWCPrCuJcBENXun9oD'} ); 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/Niro-Plus.html" data-ganame="Niro Plus">Niro Plus</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/stinger.html" data-ganame="stinger">Stinger</a></li> <li><a href="/nmc/en/showroom/rio-5-door.html" data-ganame="The Rio">Rio 5-Door</a></li> <li><a href="/nmc/en/showroom/pegas.html" data-ganame="Stonic">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/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> </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">Find a Dealer</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> <div class="cloudservices servicecomponents"> </div> </div>  <script> (function($) { //console.log('onload') var _tempTimeoutIndex = setTimeout(function(){ _initTagEvent() }, 200); var _initTagEvent = function() { clearTimeout(_tempTimeoutIndex); //console.log("===================== add onclick event to Outbound anchor tag start") //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

Find a Dealer | Shopping Tools | Kia Saudi Arabia