mirror of
https://github.com/ktds-dg0501/kt-event-marketing.git
synced 2025-12-06 17:26:23 +00:00
edit prototype channel
This commit is contained in:
cherry2250
parent
ae9c0e0332
commit
9d066887cc
505
claude/genieTV.html
Normal file
505
claude/genieTV.html
Normal file
@ -0,0 +1,505 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="Author-Date" content="2017/09/30">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="keyword" content="케이티닷컴, KT, olleh, 올레, 핸드폰, 인터넷, 통신, LTE, 4G, 아이폰, 쇼, 쿡, SHOW, QOOK">
|
||||||
|
<meta name="Description" content="KT 링고비즈 서비스를 소개합니다. 365일 내 매장을 저렴하게 홍보하는 특별한 통화연결음을 제공하는 서비스를 확인해 보세요.">
|
||||||
|
<meta property="og:title" content="링고비즈 | 소상공인 부가상품 | KT닷컴">
|
||||||
|
<meta property="og:Description" content="KT 링고비즈 서비스를 소개합니다. 365일 내 매장을 저렴하게 홍보하는 특별한 통화연결음을 제공하는 서비스를 확인해 보세요.">
|
||||||
|
<meta property="og:url" content="https://product.kt.com/wDic/productDetail.do?ItemCode=1410">
|
||||||
|
<meta property="og:image" content="https://product.kt.com/static/common/web/img/prodetail/sns/KT_SNS_Banner.jpg">
|
||||||
|
<link rel="canonical" href="https://product.kt.com/wDic/productDetail.do?ItemCode=1410">
|
||||||
|
<link rel="alternate" media="only screen and (max-width:640px)" href="https://m.product.kt.com/mDic/productDetail.do?ItemCode=1410">
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context":"https://schema.org",
|
||||||
|
"@type":"Product",
|
||||||
|
"name":"링고비즈",
|
||||||
|
|
||||||
|
"image":"https://product.kt.com/static/prodetail/1410/web/itemDefaultImg/img/%EB%A7%81%EA%B3%A0%EB%B9%84%EC%A6%88_20201021161211.png",
|
||||||
|
|
||||||
|
"description":"KT 링고비즈 서비스를 소개합니다. 365일 내 매장을 저렴하게 홍보하는 특별한 통화연결음을 제공하는 서비스를 확인해 보세요.",
|
||||||
|
"url":"https://product.kt.com/wDic/productDetail.do?ItemCode=1410",
|
||||||
|
"brand":{
|
||||||
|
"@type":"Brand",
|
||||||
|
"name":"KT"
|
||||||
|
},
|
||||||
|
"offers":{
|
||||||
|
"@type":"Offer",
|
||||||
|
"priceCurrency":"KRW",
|
||||||
|
"price":4400,
|
||||||
|
"seller":{
|
||||||
|
"@type":"Organization",
|
||||||
|
"name":"KT"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
|
||||||
|
<script type="text/javascript"> var ktMenuCd = 'BNAC00';</script>
|
||||||
|
<title>링고비즈 | 소상공인 부가상품 | KT닷컴</title>
|
||||||
|
<script type="text/javascript" src="https://cfm.kt.com/js/common/global/KTGlobal.js"></script>
|
||||||
|
|
||||||
|
<link type="text/css" href="/static/common/web/css/p_common.css?v=20250724v1" rel="stylesheet" />
|
||||||
|
<link type="text/css" href="/static/common/web/css/p_prodetail.css?v=20250929v2" rel="stylesheet" />
|
||||||
|
<script type="text/javascript" src="/static/common/web/js/p_common.js?v=20250710v1"></script>
|
||||||
|
<script type="text/javascript" src="/static/common/web/js/p_index.js?v=20250724v1"></script>
|
||||||
|
<script type="text/javascript" src="/static/common/web/js/p_prodetail.js?v=20250526v1"></script>
|
||||||
|
<script type="text/javascript" src="/static/common/web/js/p_dev.js?v=20251013v1"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.bxslider.min.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.easing.1.3.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.scrollTo.min.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/skrollr.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.fitvids.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/rangeslider.min.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.shapeshift.min.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
// compareBox,loadHtml --> /static/common/web/js/p_dev.js
|
||||||
|
$j(document).ready(function(){
|
||||||
|
|
||||||
|
var item_disptype = "B";
|
||||||
|
|
||||||
|
if(item_disptype == "A"){
|
||||||
|
$j(window).bind('scroll', function() {
|
||||||
|
compareBox.setScroll();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
var link_type = "4";
|
||||||
|
compareBox.attr(item_disptype, link_type);
|
||||||
|
getHtml(item_disptype, link_type);
|
||||||
|
getKtHtml();
|
||||||
|
});
|
||||||
|
|
||||||
|
function getHtml(item_disptype, link_type){
|
||||||
|
|
||||||
|
var forte_path = '/static/prodetail/1410/web/itemForte/html/';
|
||||||
|
var forte_File = 'forte_20240823072742.html';
|
||||||
|
var accordion_path = '/static/prodetail/1410/web/itemAccordion/html/';
|
||||||
|
var accordion_File = 'accordion_20240418104439.html';
|
||||||
|
|
||||||
|
// html 불러오기
|
||||||
|
switch(item_disptype) {
|
||||||
|
case "A" : case "B" :
|
||||||
|
// 신청하기/팝업(신청하기 버튼 위 레이어 팝업)
|
||||||
|
if(link_type == "2" || link_type == "6"){
|
||||||
|
if("" != null || "" != ""){
|
||||||
|
$j(".layer-ask").load('/static/prodetail/1410/web/popup/', function() {
|
||||||
|
// 레이어 팝업 html 로드 후 팝업 닫기 영역 추가
|
||||||
|
$j(this).append("<a href='javascript:;' class='layer-ask_close' role='button'>닫기</a>"); <!-- 결함ID 1124419_230222 수정 -->
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
loadHtml.commDraw(forte_path, forte_File, accordion_path, accordion_File);
|
||||||
|
break;
|
||||||
|
case "C":
|
||||||
|
loadHtml.commDraw(forte_path, forte_File, accordion_path, accordion_File);
|
||||||
|
break;
|
||||||
|
case "D":
|
||||||
|
if("" != null || "" != ""){
|
||||||
|
$j(".forte-area").load('/static/prodetail/1410/web/'+'');
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getKtHtml(){
|
||||||
|
|
||||||
|
var shopInfo = '';
|
||||||
|
|
||||||
|
if(!null == shopInfo || shopInfo !=""){
|
||||||
|
|
||||||
|
var disp_type = "";
|
||||||
|
|
||||||
|
// html 불러오기
|
||||||
|
if(disp_type == "popup"){
|
||||||
|
if("" != null || "" != ""){
|
||||||
|
$j(".layer-kt-ask").load('/static/prodetail/1410/web/popup/');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var preMode = '';
|
||||||
|
|
||||||
|
var itemCode = '1410';
|
||||||
|
var itemName = '링고비즈';
|
||||||
|
var cateCode = '6050';
|
||||||
|
var filterCode = '124';
|
||||||
|
var optionCode = '180';
|
||||||
|
|
||||||
|
ProductService_DMC("링고비즈");
|
||||||
|
_dl = {
|
||||||
|
product : {
|
||||||
|
product_name : "링고비즈", // 상품명 예시) iPhone12 , (요금제의 경우) KT 5G 슈퍼플랜 초이스
|
||||||
|
product_detail : "", // 용량_색상, 예시) 64GB_퍼플
|
||||||
|
product_category :"소상공인", // 카테고리 입력 예시) 모바일, 인터넷, TV, 인터냇+TV, 모바일+인터넷+TV, other(공유기 또는 모든 전화 상품)
|
||||||
|
},
|
||||||
|
// page_event : {
|
||||||
|
// product_detail_view : true
|
||||||
|
// }
|
||||||
|
};
|
||||||
|
</script></head>
|
||||||
|
<body>
|
||||||
|
<div id="cfmClWrapper">
|
||||||
|
<!-- crmClSkip -->
|
||||||
|
<div id="cfmClSkip">
|
||||||
|
<a href="#cfmCLContainer">본문 바로가기</a>
|
||||||
|
<a href="#cfmClGnb">주메뉴 바로 가기</a>
|
||||||
|
</div>
|
||||||
|
<!-- /crmClSkip -->
|
||||||
|
<div id="cfmClHeader">
|
||||||
|
|
||||||
|
<div id="cfmClFloating"><script type="text/javascript">kt.floating();</script></div>
|
||||||
|
<!-- cfmIRHeader -->
|
||||||
|
<div id="cfmClGnb"><script type="text/javascript">kt.gnb();</script></div>
|
||||||
|
<!-- /cfmIRHeader -->
|
||||||
|
</div><!-- cfmCLContainer -->
|
||||||
|
<div id="cfmCLContainer" tabindex="0">
|
||||||
|
<!-- cfmClContents -->
|
||||||
|
<div id="cfmClContents">
|
||||||
|
<!-- category-area -->
|
||||||
|
<div class="visual price">
|
||||||
|
<div class="column">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="location">
|
||||||
|
<script type="text/javascript">kt.locationBar();</script>
|
||||||
|
</div><div class="hgroup is-black">
|
||||||
|
<!-- 0613 SEO 개선 -->
|
||||||
|
<h1 class="seo-improve-heading">
|
||||||
|
링고비즈</h1>
|
||||||
|
<!-- //0613 SEO 개선 -->
|
||||||
|
|
||||||
|
<!-- sns-area -->
|
||||||
|
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
|
||||||
|
<div class="sns-area">
|
||||||
|
<a href="#share" class="btn-share" onclick="KT_trackClicks('KT-개인_상품서비스_모바일_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^공유하기');"><img src="https://product.kt.com/static/common/web/img/prodetail/icon-share.png" alt="공유하기"></a>
|
||||||
|
<!-- <a href="#share" class="btn-share"><img src="/static/common/web/img/prodetail/icon-share.png" alt="공유하기" /></a>-->
|
||||||
|
<div class="btn-sns" style="width: 312px; margin-left: -156px; display: none;">
|
||||||
|
<!--<div class="btn-sns">-->
|
||||||
|
<a href="javascript:void(0);" class="btn-kakao" title="새창열림" onclick="sns.gokakao('1410','링고비즈'); KT_trackClicks('KT-개인_상품서비스_모바일_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^공유하기^카카오톡');"><span>카카오톡</span></a>
|
||||||
|
<a href="javascript:void(0);" class="btn-facebook" title="새창열림" onclick="sns.goFaceBook('링고비즈','https://product.kt.com/wDic/productDetail.do?ItemCode=1410'); KT_trackClicks('KT-개인_상품서비스_모바일_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^공유하기^페이스북');"><span>페이스북</span></a>
|
||||||
|
<a href="javascript:void(0);" class="btn-twitter" title="새창열림" onclick="sns.goTwitter('링고비즈','https://product.kt.com/wDic/productDetail.do?ItemCode=1410'); KT_trackClicks('KT-개인_상품서비스_모바일_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^공유하기^트위터');"><span>트위터</span></a>
|
||||||
|
<a href="javascript:void(0);" class="btn-naverline" title="새창열림" onclick="sns.goLine('링고비즈','https://product.kt.com/wDic/productDetail.do?ItemCode=1410'); KT_trackClicks('KT-개인_상품서비스_모바일_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^공유하기^라인');"><span>라인</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- /sns-area -->
|
||||||
|
<!-- /sns-area -->
|
||||||
|
<!-- </div> -->
|
||||||
|
|
||||||
|
<div class="top-three-box">
|
||||||
|
<a href="https://product.kt.com/wDic/index.do?CateCode=6050&FilterCode=124&OptionCode=180&PageSize=5&ItemCode=1410" onclick="KT_trackClicks('KT-개인_상품서비스_소상공인_상세','^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^목록보기');" class="btn-back">상위 3개 상품 리스트 보기</a>
|
||||||
|
<div class="top-three">
|
||||||
|
<ul class="three-list">
|
||||||
|
<li><a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1617"onclick="KT_trackClicks('KT-개인_상품서비스_소상공인_상세','^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^목록보기^우리동네TV');" >우리동네TV</a></li>
|
||||||
|
<li><a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1451"onclick="KT_trackClicks('KT-개인_상품서비스_소상공인_상세','^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^목록보기^가게정보알림메시지(소상공인형)');" >가게정보알림메시지(소상공인형)</a></li>
|
||||||
|
<li><a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1539"onclick="KT_trackClicks('KT-개인_상품서비스_소상공인_상세','^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^목록보기^사장님 배달POS');" >사장님 배달POS</a></li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://product.kt.com/wDic/index.do?CateCode=6050&FilterCode=124&OptionCode=180&PageSize=5&ItemCode=1410" onclick="KT_trackClicks('KT-개인_상품서비스_소상공인_상세','^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^목록보기^더보기');" class="more">더보기</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 영역개선 211216 -->
|
||||||
|
<div class="month-plan">
|
||||||
|
월<strong> 4,400</strong>원~<!-- 부가세 영역 추가 -->
|
||||||
|
<p></p>
|
||||||
|
<!-- end 부가세 영역 추가 -->
|
||||||
|
</div>
|
||||||
|
<!-- 상품특징 영역 -->
|
||||||
|
<!-- 상품페이지 영역 개선 211216 -->
|
||||||
|
<div class="summary-info">
|
||||||
|
<ul>
|
||||||
|
<li class="info-1" >
|
||||||
|
<img src="/static/prodetail/feature/(기업)고객 맞춤형 통화연결음.png" alt="" />
|
||||||
|
<span>
|
||||||
|
<span>고객 맞춤형</span><span>통화연결음</span></span>
|
||||||
|
</li>
|
||||||
|
<li class="info-2" >
|
||||||
|
<img src="/static/prodetail/feature/(기업)전문 고객센터.png" alt="" />
|
||||||
|
<span>
|
||||||
|
<span>링고 전문</span><span>고객센터 운영</span></span>
|
||||||
|
</li>
|
||||||
|
<li class="info-3" >
|
||||||
|
<img src="/static/prodetail/feature/(기업)음원설정 및 셀프제작.png" alt="" />
|
||||||
|
<span>
|
||||||
|
<span>음원 설정 및</span><span>셀프제작</span></span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- //상품페이지 영역 개선 211216 -->
|
||||||
|
<!-- end 상품특징 영역 -->
|
||||||
|
<!-- 버튼영역 -->
|
||||||
|
<input type="hidden" id="srv_target" name="srv_target" value="새창 열림" />
|
||||||
|
<div class="pdt-N-btns">
|
||||||
|
<!-- 상품서비스 리스트 페이지 내 버튼 개수 추가_v.2.0 수정 -->
|
||||||
|
|
||||||
|
<!-- 입점서비스 -->
|
||||||
|
<div class="btns">
|
||||||
|
<a class="pdt-N-btn pdt-N-btn--gray" href="javascript:wDicProd.lnkBtn('https://ringo.kt.com/biz/manager/info.jsp','_popup');" title="새창 열림" onclick="detailClickStatistics.click('KT-개인_상품서비스_소상공인_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^', '설정하기');">
|
||||||
|
설정하기</a>
|
||||||
|
</div>
|
||||||
|
<!-- // 상품서비스 리스트 페이지 내 버튼 개수 추가_v.2.0 수정 -->
|
||||||
|
<div class="btns">
|
||||||
|
<div class="pdt-N-btn">
|
||||||
|
상품 문의/신청 100</div>
|
||||||
|
</div>
|
||||||
|
<!-- 비교함 -->
|
||||||
|
<!-- 요금계산기 -->
|
||||||
|
</div>
|
||||||
|
<!-- end 버튼영역 -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /category-area -->
|
||||||
|
|
||||||
|
<!-- player-area -->
|
||||||
|
<div class="banner-area ba-line"
|
||||||
|
|
||||||
|
><!-- end Div -->
|
||||||
|
</div>
|
||||||
|
<!-- /player-area -->
|
||||||
|
|
||||||
|
<!-- detail-plan-area -->
|
||||||
|
<div class="detail-plan-area">
|
||||||
|
<div class="column">
|
||||||
|
<div class="inner forte-area">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /detail-plan-area -->
|
||||||
|
|
||||||
|
<!-- price-information-area -->
|
||||||
|
<!-- /price-information-area -->
|
||||||
|
<!-- tab-toggle-area -->
|
||||||
|
<div class="price-information-area">
|
||||||
|
<div class="column">
|
||||||
|
<div class="inner">
|
||||||
|
<!-- SEO 고도화 -->
|
||||||
|
<h2 class="title">요금 안내</h2>
|
||||||
|
<!-- //SEO 고도화 -->
|
||||||
|
<div id="appendPriceDiv" class="desc">
|
||||||
|
</div><!-- end appendPriceInfo -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tab-toggle-area">
|
||||||
|
<div class="column">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="accordions active">
|
||||||
|
<div class="tab-content-01">
|
||||||
|
<!-- 0613 SEO 개선 -->
|
||||||
|
<h2 class="seo-improve-heading">상세정보</h2>
|
||||||
|
<!-- //0613 SEO 개선 -->
|
||||||
|
<button type="button" class="accordion-trigger title" onclick="javascript:loadHtml.fn_getItemAccordionInfo('/static/prodetail/1410/web/itemAccordion/html/', 'accordion_20240418104653.html', '1'); detailClickStatistics.click('KT-개인_상품서비스_소상공인_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^', '상세정보');" id="title1">
|
||||||
|
</button>
|
||||||
|
<div class="accordion-contents desc">
|
||||||
|
<div id="accordion1"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tab-content-02">
|
||||||
|
<!-- 0613 SEO 개선 -->
|
||||||
|
<h2 class="seo-improve-heading">서비스 상세</h2>
|
||||||
|
<!-- //0613 SEO 개선 -->
|
||||||
|
<button type="button" class="accordion-trigger title" onclick="javascript:loadHtml.fn_getItemAccordionInfo('/static/prodetail/1410/web/itemAccordion/html/', 'accordion_20250529173447.html', '2'); detailClickStatistics.click('KT-개인_상품서비스_소상공인_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^', '서비스 상세');" id="title2">
|
||||||
|
</button>
|
||||||
|
<div class="accordion-contents desc">
|
||||||
|
<div id="accordion2"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tab-content-03">
|
||||||
|
<!-- 0613 SEO 개선 -->
|
||||||
|
<h2 class="seo-improve-heading">이용안내</h2>
|
||||||
|
<!-- //0613 SEO 개선 -->
|
||||||
|
<button type="button" class="accordion-trigger title" onclick="javascript:loadHtml.fn_getItemAccordionInfo('/static/prodetail/1410/web/itemAccordion/html/', 'accordion_20220602173237.html', '3'); detailClickStatistics.click('KT-개인_상품서비스_소상공인_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^', '이용안내');" id="title3">
|
||||||
|
</button>
|
||||||
|
<div class="accordion-contents desc">
|
||||||
|
<div id="accordion3"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- /tab-toggle-area -->
|
||||||
|
|
||||||
|
<!-- content-banner -->
|
||||||
|
<div class="content-banner-area ba-line"
|
||||||
|
|
||||||
|
><!-- end Div -->
|
||||||
|
</div>
|
||||||
|
<!-- /content-banner -->
|
||||||
|
|
||||||
|
<div >
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- together-recommend-area -->
|
||||||
|
<div class="together-recommend-area">
|
||||||
|
<div class="column">
|
||||||
|
<div class="inner">
|
||||||
|
<!-- 케이티닷컴_개인채널_웹접근성_VOS결함내역_201116 수정
|
||||||
|
* alt명 변경
|
||||||
|
* 전체 적용
|
||||||
|
-->
|
||||||
|
<!-- 0613 SEO 개선 -->
|
||||||
|
<h2 class="seo-improve-heading">
|
||||||
|
<img src="/static/common/web/img/prodetail/txt-title-02.png" alt="함께 추천해요">
|
||||||
|
</h2>
|
||||||
|
<!-- //0613 SEO 개선 -->
|
||||||
|
<!-- // 케이티닷컴_개인채널_웹접근성_VOS결함내역_201116 수정 -->
|
||||||
|
<div class="tabs">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<!-- 케이티닷컴_개인채널_웹접근성_VOS결함내역_201116 수정
|
||||||
|
* 전체 공통 영역 title 추가
|
||||||
|
* 해당 탭 영역이 디폴트 시 title="선택됨" 추가
|
||||||
|
-->
|
||||||
|
<a href="#trigger1-1-1" class="tab-trigger menus1st active" title="선택됨">요금제</a>
|
||||||
|
<!-- // 케이티닷컴_개인채널_웹접근성_VOS결함내역_201116 수정 -->
|
||||||
|
<div id="trigger1-1-1" class="tab-contents active">
|
||||||
|
<ul class="bxslider">
|
||||||
|
<li>
|
||||||
|
<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1634" target="_self" onclick="detailClickStatistics.click('KT-개인_상품서비스_소상공인_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^', '추천요금제_소상공인 초이스 <br />(신규 가입 제한)');">
|
||||||
|
<p>소상공인 초이스 <br />(신규 가입 제한)</p>
|
||||||
|
<img src="/static/prodetail/1634/web/itemDefaultImg/img/1_대표이미지_소상공인초이스_20250312102716.png" alt="" />
|
||||||
|
<!-- (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
<span class="recommend-main-info">월<span>90,000</span>원~</span>
|
||||||
|
<span class="recommend-sub-info">선택약정 할인 시 67,500원~ <br />KT닷컴 7% 추가 할인 시 61,200원~</span>
|
||||||
|
<!-- // (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1519" target="_self" onclick="detailClickStatistics.click('KT-개인_상품서비스_소상공인_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^', '추천요금제_지니 TV 사장님 초이스');">
|
||||||
|
<p>지니 TV 사장님 초이스</p>
|
||||||
|
<img src="/static/prodetail/1519/web/itemDefaultImg/img/사장님 tv서비스_20220527143844.png" alt="" />
|
||||||
|
<!-- (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
<span class="recommend-main-info">월<span>17,600</span>원</span>
|
||||||
|
<span class="recommend-sub-info">(부가세포함, 3년/인터넷결합, 프로모션 할인가)</span>
|
||||||
|
<!-- // (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=376" target="_self" onclick="detailClickStatistics.click('KT-개인_상품서비스_소상공인_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^', '추천요금제_통화매니저 PC');">
|
||||||
|
<p>통화매니저 PC</p>
|
||||||
|
<img src="/static/prodetail/376/web/itemDefaultImg/img/KT_default_20171116101836.png" alt="통화매니저 PC 상품의 안내 페이지로 이동할 수 있는 디자인 이미지 입니다." />
|
||||||
|
<!-- (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
<span class="recommend-main-info">월<span>4,400</span>원</span>
|
||||||
|
<span class="recommend-sub-info">(ID3개 초과 시 ID당 1,100원 씩 추가)</span>
|
||||||
|
<!-- // (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="nav">
|
||||||
|
<button type="button" class="prev"><span class="invisible">이전</span></button>
|
||||||
|
<button type="button" class="next"><span class="invisible">다음</span></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#trigger1-1-2" class="tab-trigger menus2nd">부가서비스</a>
|
||||||
|
<div id="trigger1-1-2" class="tab-contents">
|
||||||
|
<ul class="bxslider">
|
||||||
|
<li class="item">
|
||||||
|
<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=376" target="_self" onclick="detailClickStatistics.click('KT-개인_상품서비스_소상공인_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^', '추천부가서비스_통화매니저 PC');">
|
||||||
|
<p>통화매니저 PC</p>
|
||||||
|
<img src="/static/prodetail/376/web/itemDefaultImg/img/KT_default_20171116101836.png" alt="통화매니저 PC 상품의 안내 페이지로 이동할 수 있는 디자인 이미지 입니다." />
|
||||||
|
<!-- (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
<span class="recommend-main-info">월<span>4,400</span>원</span>
|
||||||
|
<span class="recommend-sub-info">(ID3개 초과 시 ID당 1,100원 씩 추가)</span>
|
||||||
|
<!-- // (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1451" target="_self" onclick="detailClickStatistics.click('KT-개인_상품서비스_소상공인_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^', '추천부가서비스_가게정보알림메시지(소상공인형)');">
|
||||||
|
<p>가게정보알림메시지(소상공인형)</p>
|
||||||
|
<img src="/static/prodetail/1451/web/itemDefaultImg/img/가게정보알리미_20210616161324.png" alt="" />
|
||||||
|
<!-- (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
<span class="recommend-main-info">월<span>19,800</span>원</span>
|
||||||
|
<span class="recommend-sub-info"></span>
|
||||||
|
<!-- // (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1617" target="_self" onclick="detailClickStatistics.click('KT-개인_상품서비스_소상공인_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^', '추천부가서비스_우리동네TV');">
|
||||||
|
<p>우리동네TV</p>
|
||||||
|
<img src="/static/prodetail/1617/web/itemDefaultImg/img/우리동네tv_20250106102947.png" alt="" />
|
||||||
|
<!-- (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
<span class="recommend-main-info">월<span>9,900</span>원~</span>
|
||||||
|
<span class="recommend-sub-info"></span>
|
||||||
|
<!-- // (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="nav">
|
||||||
|
<button type="button" class="prev"><span class="invisible">이전</span></button>
|
||||||
|
<button type="button" class="next"><span class="invisible">다음</span></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- /tab -->
|
||||||
|
</div>
|
||||||
|
<!-- /inner -->
|
||||||
|
</div>
|
||||||
|
<!-- /column -->
|
||||||
|
</div>
|
||||||
|
<!-- /together-recommend-area -->
|
||||||
|
</div>
|
||||||
|
<!-- /cfmClContents -->
|
||||||
|
|
||||||
|
<!-- cfmClProductBar -->
|
||||||
|
<div class="cfmClProductBar">
|
||||||
|
<div class="inner">
|
||||||
|
<!--
|
||||||
|
* 복수 상품일 경우
|
||||||
|
* 현재 선택 된 상품은 selected class 표시
|
||||||
|
-->
|
||||||
|
<div class="product">
|
||||||
|
<input type="hidden" name="selLinkType" id="selLinkType" value=>
|
||||||
|
<input type="hidden" name="selLinkUrl" id="selLinkUrl" value=>
|
||||||
|
<input type="hidden" name="selSocCode" id="selSocCode" value=>
|
||||||
|
<input type="hidden" name="selItemCode" id="selItemCode" value=1410>
|
||||||
|
<div id="selItemInfo">
|
||||||
|
<strong class="pd-tit">링고비즈</strong>월 4,400 원~<span class="pd-tax"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pd-box">
|
||||||
|
</div>
|
||||||
|
<div class="cominfo" id="reqInfoPopup"></div>
|
||||||
|
<div class="pd-btn-area">
|
||||||
|
<!-- 버튼영역 -->
|
||||||
|
<!-- 입점서비스 -->
|
||||||
|
<a class="pd-btn" href="javascript:wDicProd.lnkBtn('https://ringo.kt.com/biz/manager/info.jsp','_popup');" title="새창 열림" onclick="detailClickStatistics.click('KT-개인_상품서비스_소상공인_상세', '^KT-개인_상품서비스_소상공인_상세^소상공인 부가상품_링고비즈^', '설정하기');" >설정하기</a>
|
||||||
|
<!-- 비교함 -->
|
||||||
|
<!-- 요금계산기 -->
|
||||||
|
<!-- end 버튼영역 -->
|
||||||
|
</div>
|
||||||
|
<!-- // 복수 상품일 경우 -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- // cfmClProductBar -->
|
||||||
|
</div>
|
||||||
|
<!-- /cfmCLContainer -->
|
||||||
|
</div>
|
||||||
|
<!-- /cfmClWrapper -->
|
||||||
|
<!-- cfmClFooter -->
|
||||||
|
<!-- cfmClFooter -->
|
||||||
|
<div id="cfmClFooter">
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
kt.footer();
|
||||||
|
|
||||||
|
if(typeof _dl.page_event == 'undefined'){
|
||||||
|
_dl.page_event = {product_detail_view : true}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</div><!-- /cfmClFooter --><!-- /cfmClFooter -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
171
claude/링고비즈.html
Normal file
171
claude/링고비즈.html
Normal file
@ -0,0 +1,171 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="Author-Date" content="2017/09/30">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="keyword" content="케이티닷컴, KT, olleh, 올레, 핸드폰, 인터넷, 통신, LTE, 4G, 아이폰, 쇼, 쿡, SHOW, QOOK">
|
||||||
|
<meta name="Description" content="KT GENIE TV 서비스를 소개합니다. 원하는 콘텐츠와 다양한 콘텐츠를 한번에 즐길 수 있는 미디어 포털 서비스를 확인해 보세요.">
|
||||||
|
<meta property="og:title" content="GENIE TV | TV | KT닷컴">
|
||||||
|
<meta property="og:Description" content="KT GENIE TV 서비스를 소개합니다. 원하는 콘텐츠와 다양한 콘텐츠를 한번에 즐길 수 있는 미디어 포털 서비스를 확인해 보세요.">
|
||||||
|
<meta property="og:url" content="https://product.kt.com/wDic/productDetail.do?ItemCode=1163">
|
||||||
|
<meta property="og:image" content="https://product.kt.com/static/common/web/img/prodetail/sns/KT_SNS_Banner.jpg">
|
||||||
|
<link rel="canonical" href="https://product.kt.com/wDic/productDetail.do?ItemCode=1163">
|
||||||
|
<link rel="alternate" media="only screen and (max-width:640px)" href="https://m.product.kt.com/mDic/productDetail.do?ItemCode=1163">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<script type="text/javascript"> var ktMenuCd = 'BGA000';</script>
|
||||||
|
<title>GENIE TV | TV | KT닷컴</title>
|
||||||
|
<script type="text/javascript" src="https://cfm.kt.com/js/common/global/KTGlobal.js"></script>
|
||||||
|
<script type="text/javascript" src="/static/common/ollehtv.js"></script>
|
||||||
|
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
|
||||||
|
<link type="text/css" href="/static/common/web/css/p_common.css?v=20250724v1" rel="stylesheet" />
|
||||||
|
<link type="text/css" href="/static/common/web/css/p_prodetail.css?v=20250929v2" rel="stylesheet" />
|
||||||
|
<script type="text/javascript" src="/static/common/web/js/p_common.js?v=20250710v1"></script>
|
||||||
|
<script type="text/javascript" src="/static/common/web/js/p_index.js?v=20250724v1"></script>
|
||||||
|
<script type="text/javascript" src="/static/common/web/js/p_prodetail.js?v=20250526v1"></script>
|
||||||
|
<script type="text/javascript" src="/static/common/web/js/p_dev.js?v=20251013v1"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.bxslider.min.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.easing.1.3.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.scrollTo.min.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/skrollr.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.fitvids.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/rangeslider.min.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.shapeshift.min.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
// compareBox,loadHtml --> /static/common/web/js/p_dev.js
|
||||||
|
$j(document).ready(function(){
|
||||||
|
|
||||||
|
var item_disptype = "D";
|
||||||
|
|
||||||
|
if(item_disptype == "A"){
|
||||||
|
$j(window).bind('scroll', function() {
|
||||||
|
compareBox.setScroll();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
var link_type = "1";
|
||||||
|
compareBox.attr(item_disptype, link_type);
|
||||||
|
getHtml(item_disptype, link_type);
|
||||||
|
getKtHtml();
|
||||||
|
});
|
||||||
|
|
||||||
|
function getHtml(item_disptype, link_type){
|
||||||
|
|
||||||
|
var forte_path = '/static/prodetail/1163/web/itemForte/html/';
|
||||||
|
var forte_File = '';
|
||||||
|
var accordion_path = '/static/prodetail/1163/web/itemAccordion/html/';
|
||||||
|
var accordion_File = '';
|
||||||
|
|
||||||
|
// html 불러오기
|
||||||
|
switch(item_disptype) {
|
||||||
|
case "A" : case "B" :
|
||||||
|
// 신청하기/팝업(신청하기 버튼 위 레이어 팝업)
|
||||||
|
if(link_type == "2" || link_type == "6"){
|
||||||
|
if("" != null || "" != ""){
|
||||||
|
$j(".layer-ask").load('/static/prodetail/1163/web/popup/', function() {
|
||||||
|
// 레이어 팝업 html 로드 후 팝업 닫기 영역 추가
|
||||||
|
$j(this).append("<a href='javascript:;' class='layer-ask_close' role='button'>닫기</a>"); <!-- 결함ID 1124419_230222 수정 -->
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
loadHtml.commDraw(forte_path, forte_File, accordion_path, accordion_File);
|
||||||
|
break;
|
||||||
|
case "C":
|
||||||
|
loadHtml.commDraw(forte_path, forte_File, accordion_path, accordion_File);
|
||||||
|
break;
|
||||||
|
case "D":
|
||||||
|
if("htmlUploadType_20250825173302.html" != null || "htmlUploadType_20250825173302.html" != ""){
|
||||||
|
$j(".forte-area").load('/static/prodetail/1163/web/'+'htmlUploadType_20250825173302.html');
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getKtHtml(){
|
||||||
|
|
||||||
|
var shopInfo = '';
|
||||||
|
|
||||||
|
if(!null == shopInfo || shopInfo !=""){
|
||||||
|
|
||||||
|
var disp_type = "";
|
||||||
|
|
||||||
|
// html 불러오기
|
||||||
|
if(disp_type == "popup"){
|
||||||
|
if("" != null || "" != ""){
|
||||||
|
$j(".layer-kt-ask").load('/static/prodetail/1163/web/popup/');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var preMode = '';
|
||||||
|
|
||||||
|
var itemCode = '1163';
|
||||||
|
var itemName = 'GENIE TV';
|
||||||
|
var cateCode = '6035';
|
||||||
|
var filterCode = '66';
|
||||||
|
var optionCode = '93';
|
||||||
|
|
||||||
|
ProductService_DMC("GENIE TV");
|
||||||
|
_dl = {
|
||||||
|
product : {
|
||||||
|
product_name : "GENIE TV", // 상품명 예시) iPhone12 , (요금제의 경우) KT 5G 슈퍼플랜 초이스
|
||||||
|
product_detail : "", // 용량_색상, 예시) 64GB_퍼플
|
||||||
|
product_category :"서비스", // 카테고리 입력 예시) 모바일, 인터넷, TV, 인터냇+TV, 모바일+인터넷+TV, other(공유기 또는 모든 전화 상품)
|
||||||
|
},
|
||||||
|
// page_event : {
|
||||||
|
// product_detail_view : true
|
||||||
|
// }
|
||||||
|
};
|
||||||
|
</script></head>
|
||||||
|
<body>
|
||||||
|
<div id="cfmClWrapper">
|
||||||
|
|
||||||
|
<!-- crmClSkip -->
|
||||||
|
<div id="cfmClSkip">
|
||||||
|
<a href="#cfmCLContainer">본문 바로가기</a>
|
||||||
|
<a href="#cfmClGnb">주메뉴 바로 가기</a>
|
||||||
|
</div>
|
||||||
|
<!-- /crmClSkip -->
|
||||||
|
<div id="cfmClHeader">
|
||||||
|
|
||||||
|
<div id="cfmClFloating"><script type="text/javascript">kt.floating();</script></div>
|
||||||
|
<!-- cfmIRHeader -->
|
||||||
|
<div id="cfmClGnb"><script type="text/javascript">kt.gnb();</script></div>
|
||||||
|
<!-- /cfmIRHeader -->
|
||||||
|
</div><!-- cfmCLContainer -->
|
||||||
|
<div id="cfmCLContainer">
|
||||||
|
<!-- cfmClContents -->
|
||||||
|
<div id="cfmClContents">
|
||||||
|
<div class="forte-area"></div>
|
||||||
|
</div>
|
||||||
|
<!-- /cfmClContents -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /cfmCLContainer -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--// 전화상담 2017-12-07 기본 스크립트 수정 -->
|
||||||
|
|
||||||
|
<!-- 전화상담 2017-12-07 -->
|
||||||
|
<!-- /cfmClWrapper -->
|
||||||
|
|
||||||
|
<!-- cfmClFooter -->
|
||||||
|
<!-- cfmClFooter -->
|
||||||
|
<div id="cfmClFooter">
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
kt.footer();
|
||||||
|
|
||||||
|
if(typeof _dl.page_event == 'undefined'){
|
||||||
|
_dl.page_event = {product_detail_view : true}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</div><!-- /cfmClFooter --><!-- /cfmClFooter -->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
635
claude/우리동네TV.html
Normal file
635
claude/우리동네TV.html
Normal file
@ -0,0 +1,635 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="Author-Date" content="2017/09/30">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="keyword" content="케이티닷컴, KT, olleh, 올레, 핸드폰, 인터넷, 통신, LTE, 4G, 아이폰, 쇼, 쿡, SHOW, QOOK">
|
||||||
|
<meta name="Description" content="KT 우리동네TV 서비스를 소개합니다. 지니 TV 기반 로컬 마케팅 플랫폼 서비스로 시청자에게는 유용한 지역정보를, 소상공인에게는 마케팅 기회를 제공합니다.">
|
||||||
|
<meta property="og:title" content="우리동네TV | 매장솔루션 | KT닷컴">
|
||||||
|
<meta property="og:Description" content="KT 우리동네TV 서비스를 소개합니다. 지니 TV 기반 로컬 마케팅 플랫폼 서비스로 시청자에게는 유용한 지역정보를, 소상공인에게는 마케팅 기회를 제공합니다.">
|
||||||
|
<meta property="og:url" content="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1617">
|
||||||
|
<meta property="og:image" content="https://product.kt.com/sohostatic/product/1617/common/metaOgImageData/KT_SNS_Banner_Base.jpg">
|
||||||
|
<link rel="canonical" href="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1617">
|
||||||
|
<link rel="alternate" media="only screen and (max-width:640px)" href="https://m.product.kt.com/mDic/soho/productDetail.do?ItemCode=1617">
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{
|
||||||
|
"@context":"https://schema.org",
|
||||||
|
"@type":"Product",
|
||||||
|
"name":"우리동네TV",
|
||||||
|
|
||||||
|
"image":"https://product.kt.com/static/prodetail/1617/web/itemDefaultImg/img/%EC%9A%B0%EB%A6%AC%EB%8F%99%EB%84%A4tv_20250106102947_20250117100008.png",
|
||||||
|
|
||||||
|
"description":"KT 우리동네TV 서비스를 소개합니다. 지니 TV 기반 로컬 마케팅 플랫폼 서비스로 시청자에게는 유용한 지역정보를, 소상공인에게는 마케팅 기회를 제공합니다.",
|
||||||
|
"url":"https://product.kt.com/wDic/productDetail.do?ItemCode=1617",
|
||||||
|
"brand":{
|
||||||
|
"@type":"Brand",
|
||||||
|
"name":"KT"
|
||||||
|
},
|
||||||
|
"offers":{
|
||||||
|
"@type":"Offer",
|
||||||
|
"priceCurrency":"KRW",
|
||||||
|
"price":9900,
|
||||||
|
"seller":{
|
||||||
|
"@type":"Organization",
|
||||||
|
"name":"KT"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
|
||||||
|
<script type="text/javascript"> var ktMenuCd = 'BNQCE0';</script>
|
||||||
|
<title>우리동네TV | 매장솔루션 | KT닷컴</title>
|
||||||
|
<script type="text/javascript" src="https://cfm.kt.com/js/common/global/KTGlobal.js"></script>
|
||||||
|
|
||||||
|
<link type="text/css" href="/static/common/web/css/p_common.css?v=20241115v2" rel="stylesheet" />
|
||||||
|
<link type="text/css" href="/static/common/web/css/p_index.css?v=20241115v1" rel="stylesheet" />
|
||||||
|
<link type="text/css" href="/static/common/web/css/p_prodetail.css?v=20241206v1" rel="stylesheet" />
|
||||||
|
<script type="text/javascript" src="/static/common/web/js/p_common.js?v=20230227v1"></script>
|
||||||
|
<script type="text/javascript" src="/static/common/web/js/p_index.js?v=20231222v1"></script>
|
||||||
|
<script type="text/javascript" src="/static/common/web/js/p_prodetail.js?v=20230803v2"></script>
|
||||||
|
<!-- <script type="text/javascript" src="/static/common/web/js/p_dev.js?v=20230907v1"></script> -->
|
||||||
|
|
||||||
|
<script type="text/javascript" src="/sohostatic/common/web/js/soho_p_dev.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.bxslider.min.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.easing.1.3.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.scrollTo.min.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/skrollr.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.fitvids.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/rangeslider.min.js"></script>
|
||||||
|
<script type="text/javascript" src="https://product.kt.com/static/common/lib/js/jquery.shapeshift.min.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
// compareBox,loadHtml --> /static/common/web/js/p_dev.js
|
||||||
|
$j(document).ready(function(){
|
||||||
|
|
||||||
|
var item_disptype = "B";
|
||||||
|
|
||||||
|
if(item_disptype == "A"){
|
||||||
|
$j(window).bind('scroll', function() {
|
||||||
|
compareBox.setScroll();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
var link_type = "4";
|
||||||
|
compareBox.attr(item_disptype, link_type);
|
||||||
|
getHtml(item_disptype, link_type);
|
||||||
|
getKtHtml();
|
||||||
|
});
|
||||||
|
|
||||||
|
function getHtml(item_disptype, link_type){
|
||||||
|
|
||||||
|
var forte_path = '/sohostatic/product/1617/forte/';
|
||||||
|
var forte_File = '특장점_20250401182102.html';
|
||||||
|
var accordion_path = '/sohostatic/product/1617/accordion/';
|
||||||
|
var accordion_File = 'PC_요금안내_20250311174529.html';
|
||||||
|
|
||||||
|
// html 불러오기
|
||||||
|
switch(item_disptype) {
|
||||||
|
case "A" : case "B" :
|
||||||
|
// 신청하기/팝업(신청하기 버튼 위 레이어 팝업)
|
||||||
|
if(link_type == "2" || link_type == "6"){
|
||||||
|
if("" != null || "" != ""){
|
||||||
|
$j(".layer-ask").load('/sohostatic/product/1617/popup/', function() {
|
||||||
|
// 레이어 팝업 html 로드 후 팝업 닫기 영역 추가
|
||||||
|
$j(this).append("<a href='javascript:;' class='layer-ask_close' role='button'>닫기</a>"); <!-- 결함ID 1124419_230222 수정 -->
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
loadHtml.commDraw(forte_path, forte_File, accordion_path, accordion_File);
|
||||||
|
break;
|
||||||
|
case "C":
|
||||||
|
loadHtml.commDraw(forte_path, forte_File, accordion_path, accordion_File);
|
||||||
|
break;
|
||||||
|
case "D":
|
||||||
|
if("" != null || "" != ""){
|
||||||
|
$j(".forte-area").load('/sohostatic/product/1617/htmltype/'+'');
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function getKtHtml(){
|
||||||
|
|
||||||
|
var shopInfo = '';
|
||||||
|
|
||||||
|
if(!null == shopInfo || shopInfo !=""){
|
||||||
|
|
||||||
|
var disp_type = "";
|
||||||
|
|
||||||
|
// html 불러오기
|
||||||
|
if(disp_type == "popup"){
|
||||||
|
if("" != null || "" != ""){
|
||||||
|
$j(".layer-kt-ask").load('/sohostatic/product/1617/popup/');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var preMode = '';
|
||||||
|
|
||||||
|
var itemCode = '1617';
|
||||||
|
var itemName = '우리동네TV';
|
||||||
|
var cateCode = '7008';
|
||||||
|
var filterCode = '13';
|
||||||
|
var optionCode = '14';
|
||||||
|
|
||||||
|
ProductService_DMC("우리동네TV");
|
||||||
|
_dl = {
|
||||||
|
product : {
|
||||||
|
product_name : "우리동네TV", // 상품명 예시) iPhone12 , (요금제의 경우) KT 5G 슈퍼플랜 초이스
|
||||||
|
product_detail : "", // 용량_색상, 예시) 64GB_퍼플
|
||||||
|
product_category :"소상공인", // 카테고리 입력 예시) 모바일, 인터넷, TV, 인터냇+TV, 모바일+인터넷+TV, other(공유기 또는 모든 전화 상품)
|
||||||
|
},
|
||||||
|
// page_event : {
|
||||||
|
// product_detail_view : true
|
||||||
|
// }
|
||||||
|
};
|
||||||
|
</script></head>
|
||||||
|
<body>
|
||||||
|
<div id="cfmClWrapper">
|
||||||
|
<!-- crmClSkip -->
|
||||||
|
<div id="cfmClSkip">
|
||||||
|
<a href="#cfmCLContainer">본문 바로가기</a>
|
||||||
|
<a href="#cfmClGnb">주메뉴 바로 가기</a>
|
||||||
|
</div>
|
||||||
|
<!-- /crmClSkip -->
|
||||||
|
<div id="cfmClHeader">
|
||||||
|
|
||||||
|
<div id="cfmClFloating"><script type="text/javascript">kt.floating();</script></div>
|
||||||
|
<!-- cfmIRHeader -->
|
||||||
|
<div id="cfmClGnb"><script type="text/javascript">kt.gnb();</script></div>
|
||||||
|
<!-- /cfmIRHeader -->
|
||||||
|
</div><!-- cfmCLContainer -->
|
||||||
|
<div id="cfmCLContainer" tabindex="0">
|
||||||
|
<!-- cfmClContents -->
|
||||||
|
<div id="cfmClContents">
|
||||||
|
<!-- category-area -->
|
||||||
|
<div class="visual price">
|
||||||
|
<div class="column">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="location">
|
||||||
|
<script type="text/javascript">kt.locationBar();</script>
|
||||||
|
</div><div class="hgroup is-black">
|
||||||
|
<!-- 0613 SEO 개선 -->
|
||||||
|
<h1 class="seo-improve-heading">
|
||||||
|
우리동네TV</h1>
|
||||||
|
<!-- //0613 SEO 개선 -->
|
||||||
|
|
||||||
|
<!-- sns-area -->
|
||||||
|
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
|
||||||
|
<div class="sns-area">
|
||||||
|
<a href="#share" class="btn-share" onclick="KT_trackClicks('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV^공유하기');"><img src="https://product.kt.com/static/common/web/img/prodetail/icon-share.png" alt="공유하기"></a>
|
||||||
|
<!-- <a href="#share" class="btn-share"><img src="/static/common/web/img/prodetail/icon-share.png" alt="공유하기" /></a>-->
|
||||||
|
<div class="btn-sns" style="width: 312px; margin-left: -156px; display: none;">
|
||||||
|
<!--<div class="btn-sns">-->
|
||||||
|
<a href="javascript:void(0);" class="btn-kakao" title="새창열림" onclick="KT_trackClicks('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV^공유하기_카카오톡'); sns.gokakao('1617','우리동네TV'); "><span>카카오톡</span></a>
|
||||||
|
<a href="javascript:void(0);" class="btn-facebook" title="새창열림" onclick="sns.goFaceBook('우리동네TV','https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1617'); KT_trackClicks('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV^공유하기_페이스북');"><span>페이스북</span></a>
|
||||||
|
<a href="javascript:void(0);" class="btn-twitter" title="새창열림" onclick="sns.goTwitter('우리동네TV','https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1617'); KT_trackClicks('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV^공유하기_트위터');"><span>트위터</span></a>
|
||||||
|
<a href="javascript:void(0);" class="btn-naverline" title="새창열림" onclick="sns.goLine('우리동네TV','https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1617'); KT_trackClicks('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV^공유하기_라인');"><span>라인</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- /sns-area -->
|
||||||
|
<!-- /sns-area -->
|
||||||
|
<!-- </div> -->
|
||||||
|
|
||||||
|
<div class="top-three-box">
|
||||||
|
<a href="https://product.kt.com/wDic/soho/index.do?CateCode=7008&FilterCode=13&OptionCode=14&PageSize=5&ItemCode=1617" onclick="KT_trackClicks('KT-개인_상품_소상공인_상세','^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV^목록보기');" class="btn-back">상위 3개 상품 리스트 보기</a>
|
||||||
|
<div class="top-three">
|
||||||
|
<ul class="three-list">
|
||||||
|
<li><a href="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1451"onclick="KT_trackClicks('KT-개인_상품_소상공인_상세','^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV^목록보기_가게정보알림메시지 (소상공인형)');" >가게정보알림메시지 (소상공인형)</a></li>
|
||||||
|
<li><a href="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1410"onclick="KT_trackClicks('KT-개인_상품_소상공인_상세','^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV^목록보기_링고비즈');" >링고비즈</a></li>
|
||||||
|
<li><a href="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1539"onclick="KT_trackClicks('KT-개인_상품_소상공인_상세','^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV^목록보기_사장님 배달POS');" >사장님 배달POS</a></li>
|
||||||
|
</ul>
|
||||||
|
<a href="https://product.kt.com/wDic/soho/index.do?CateCode=7008&FilterCode=13&OptionCode=14&PageSize=5&ItemCode=1617" onclick="KT_trackClicks('KT-개인_상품_소상공인_상세','^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV^목록보기_더보기');" class="more">더보기</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 영역개선 211216 -->
|
||||||
|
<div class="month-plan">
|
||||||
|
월<strong> 9,900</strong>원~<!-- 부가세 영역 추가 -->
|
||||||
|
<p></p>
|
||||||
|
<!-- end 부가세 영역 추가 -->
|
||||||
|
</div>
|
||||||
|
<!-- 상품특징 영역 -->
|
||||||
|
<!-- 상품페이지 영역 개선 211216 -->
|
||||||
|
<div class="summary-info">
|
||||||
|
<ul>
|
||||||
|
<li class="info-1" >
|
||||||
|
<img src="/sohostatic/feature/img/매장 주변 시청자대상 맞춤홍보_20250110153255.png" alt="" />
|
||||||
|
<span>
|
||||||
|
<span class="two-line">매장 주변 시청자대상</span>
|
||||||
|
<span class="two-line">맞춤홍보</span>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li class="info-2" >
|
||||||
|
<img src="/sohostatic/feature/img/전담센터지원_20250110153337.png" alt="" />
|
||||||
|
<span>
|
||||||
|
<span class="two-line">전담센터지원으로</span>
|
||||||
|
<span class="two-line">운영부담 No</span>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li class="info-3" >
|
||||||
|
<img src="/sohostatic/feature/img/쿠폰 및 단골맺기_20250110153411.png" alt="" />
|
||||||
|
<span>
|
||||||
|
<span class="two-line">쿠폰 및 단골맺기로</span>
|
||||||
|
<span class="two-line">고객확보</span>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- //상품페이지 영역 개선 211216 -->
|
||||||
|
<!-- end 상품특징 영역 -->
|
||||||
|
<!-- 버튼영역 -->
|
||||||
|
<input type="hidden" id="srv_target" name="srv_target" value="" />
|
||||||
|
<div class="pdt-N-btns">
|
||||||
|
<!-- 상품서비스 리스트 페이지 내 버튼 개수 추가_v.2.0 수정 -->
|
||||||
|
|
||||||
|
<!-- 입점서비스 -->
|
||||||
|
<!-- // 상품서비스 리스트 페이지 내 버튼 개수 추가_v.2.0 수정 -->
|
||||||
|
<div class="btns">
|
||||||
|
<div class="pdt-N-btn pdt-N-btn--gray">
|
||||||
|
<i>전담센터 : 1533-0088</i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 비교함 -->
|
||||||
|
<!-- 요금계산기 -->
|
||||||
|
</div>
|
||||||
|
<!-- end 버튼영역 -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /category-area -->
|
||||||
|
|
||||||
|
<!-- player-area -->
|
||||||
|
<div class="banner-area ba-line"
|
||||||
|
|
||||||
|
><!-- end Div -->
|
||||||
|
</div>
|
||||||
|
<!-- /player-area -->
|
||||||
|
|
||||||
|
<!-- detail-plan-area -->
|
||||||
|
<div class="detail-plan-area">
|
||||||
|
<div class="column">
|
||||||
|
<div class="inner forte-area">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /detail-plan-area -->
|
||||||
|
|
||||||
|
<!-- price-information-area -->
|
||||||
|
<!-- /price-information-area -->
|
||||||
|
<!-- tab-toggle-area -->
|
||||||
|
<div class="price-information-area">
|
||||||
|
<div class="column">
|
||||||
|
<div class="inner">
|
||||||
|
<!-- SEO 고도화 -->
|
||||||
|
<h2 class="title">요금안내</h2>
|
||||||
|
<!-- //SEO 고도화 -->
|
||||||
|
<div id="appendPriceDiv" class="desc">
|
||||||
|
</div><!-- end appendPriceInfo -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tab-toggle-area">
|
||||||
|
<div class="column">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="accordions active">
|
||||||
|
<div class="tab-content-01">
|
||||||
|
<!-- 0613 SEO 개선 -->
|
||||||
|
<h2 class="seo-improve-heading">가입안내</h2>
|
||||||
|
<!-- //0613 SEO 개선 -->
|
||||||
|
<button type="button" class="accordion-trigger title" onclick="javascript:loadHtml.fn_getItemAccordionInfo('/sohostatic/product/1617/accordion/', 'PC_가입안내_20250117133846.html', '1'); detailClickStatistics.click('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV', '^아코디언 관리_가입안내');" id="title1">
|
||||||
|
</button>
|
||||||
|
<div class="accordion-contents desc">
|
||||||
|
<div id="accordion1"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tab-content-02">
|
||||||
|
<!-- 0613 SEO 개선 -->
|
||||||
|
<h2 class="seo-improve-heading">서비스 가입 및 유의사항</h2>
|
||||||
|
<!-- //0613 SEO 개선 -->
|
||||||
|
<button type="button" class="accordion-trigger title" onclick="javascript:loadHtml.fn_getItemAccordionInfo('/sohostatic/product/1617/accordion/', 'PC_서비스_가입_및_유의사항_20250122100722.html', '2'); detailClickStatistics.click('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV', '^아코디언 관리_서비스 가입 및 유의사항');" id="title2">
|
||||||
|
</button>
|
||||||
|
<div class="accordion-contents desc">
|
||||||
|
<div id="accordion2"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- /tab-toggle-area -->
|
||||||
|
|
||||||
|
<!-- content-banner -->
|
||||||
|
<div class="content-banner-area ba-line"
|
||||||
|
|
||||||
|
><!-- end Div -->
|
||||||
|
</div>
|
||||||
|
<!-- /content-banner -->
|
||||||
|
|
||||||
|
<div >
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- together-recommend-area -->
|
||||||
|
<div class="together-recommend-area">
|
||||||
|
<div class="column">
|
||||||
|
<div class="inner">
|
||||||
|
<!-- 케이티닷컴_개인채널_웹접근성_VOS결함내역_201116 수정
|
||||||
|
* alt명 변경
|
||||||
|
* 전체 적용
|
||||||
|
-->
|
||||||
|
<!-- 0613 SEO 개선 -->
|
||||||
|
<h2 class="seo-improve-heading">
|
||||||
|
<img src="/static/common/web/img/prodetail/txt-title-02.png" alt="함께 추천해요">
|
||||||
|
</h2>
|
||||||
|
<!-- //0613 SEO 개선 -->
|
||||||
|
<!-- // 케이티닷컴_개인채널_웹접근성_VOS결함내역_201116 수정 -->
|
||||||
|
<div class="tabs">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<!-- 케이티닷컴_개인채널_웹접근성_VOS결함내역_201116 수정
|
||||||
|
* 전체 공통 영역 title 추가
|
||||||
|
* 해당 탭 영역이 디폴트 시 title="선택됨" 추가
|
||||||
|
-->
|
||||||
|
<a href="#trigger1-1-1" class="tab-trigger menus1st active" title="선택됨">요금제</a>
|
||||||
|
<!-- // 케이티닷컴_개인채널_웹접근성_VOS결함내역_201116 수정 -->
|
||||||
|
<div id="trigger1-1-1" class="tab-contents active">
|
||||||
|
<ul class="bxslider">
|
||||||
|
<li>
|
||||||
|
<a href="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1485" target="_self" onclick="detailClickStatistics.click('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV_', '추천 요금제_5G 초이스');">
|
||||||
|
<p>5G 초이스</p>
|
||||||
|
<img src="/sohostatic/product/1485/webimg/5G 초이스_20231011133145_20251013160343.png" alt="5G 초이스" />
|
||||||
|
<!-- (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
<span class="recommend-main-info">월<span>90,000</span>원~</span>
|
||||||
|
<span class="recommend-sub-info">선택약정 할인 시 67,500원~ <br />KT닷컴 7%추가 할인 시 61,200원~</span>
|
||||||
|
<!-- // (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1519" target="_self" onclick="detailClickStatistics.click('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV_', '추천 요금제_지니 TV 사장님 초이스');">
|
||||||
|
<p>지니 TV 사장님 초이스</p>
|
||||||
|
<img src="/sohostatic/product/1519/webimg/사장님 tv서비스_20220527143844.png" alt="지니 TV 사장님 초이스" />
|
||||||
|
<!-- (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
<span class="recommend-main-info">월<span>17,600</span>원</span>
|
||||||
|
<span class="recommend-sub-info">(부가세포함, 3년/인터넷결합, <br> 프로모션 할인가)</span>
|
||||||
|
<!-- // (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1506" target="_self" onclick="detailClickStatistics.click('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV_', '추천 요금제_결제안심 인터넷');">
|
||||||
|
<p>결제안심 인터넷</p>
|
||||||
|
<img src="/sohostatic/product/1506/webimg/결제안심 인터넷_20220429155857.png" alt="결제안심 인터넷" />
|
||||||
|
<!-- (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
<span class="recommend-main-info">월<span>19,800</span>원~</span>
|
||||||
|
<span class="recommend-sub-info"></span>
|
||||||
|
<!-- // (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="nav">
|
||||||
|
<button type="button" class="prev"><span class="invisible">이전</span></button>
|
||||||
|
<button type="button" class="next"><span class="invisible">다음</span></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#trigger1-1-2" class="tab-trigger menus2nd">부가서비스</a>
|
||||||
|
<div id="trigger1-1-2" class="tab-contents">
|
||||||
|
<ul class="bxslider">
|
||||||
|
<li class="item">
|
||||||
|
<a href="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1519" target="_self" onclick="detailClickStatistics.click('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV_', '추천 부가서비스_지니 TV 사장님 초이스');">
|
||||||
|
<p>지니 TV 사장님 초이스</p>
|
||||||
|
<img src="/sohostatic/product/1519/webimg/사장님 tv서비스_20220527143844.png" alt="지니 TV 사장님 초이스" />
|
||||||
|
<!-- (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
<span class="recommend-main-info">월<span>17,600</span>원</span>
|
||||||
|
<span class="recommend-sub-info">(부가세포함, 3년/인터넷결합, <br> 프로모션 할인가)</span>
|
||||||
|
<!-- // (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<a href="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=376" target="_self" onclick="detailClickStatistics.click('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV_', '추천 부가서비스_통화매니저 PC');">
|
||||||
|
<p>통화매니저 PC</p>
|
||||||
|
<img src="/sohostatic/product/376/webimg/KT_default_20171116101836.png" alt="통화매니저 PC" />
|
||||||
|
<!-- (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
<span class="recommend-main-info">월<span>4,400</span>원</span>
|
||||||
|
<span class="recommend-sub-info">(ID3개 초과 시 ID당 1,100원 씩 추가)</span>
|
||||||
|
<!-- // (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<a href="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1539" target="_self" onclick="detailClickStatistics.click('KT-개인_상품_소상공인_상세', '^KT-개인_상품_소상공인_상세^매장솔루션_우리동네TV_', '추천 부가서비스_사장님 배달POS');">
|
||||||
|
<p>사장님 배달POS</p>
|
||||||
|
<img src="/sohostatic/product/1539/webimg/사장님배달POS 인터넷전화_20220818084519.png" alt="사장님 배달POS" />
|
||||||
|
<!-- (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
<span class="recommend-main-info">월<span>19,800</span>원부터</span>
|
||||||
|
<span class="recommend-sub-info">(부가세 포함)</span>
|
||||||
|
<!-- // (상품)케이티닷컴_개인사이트_장애인접근성_1차심사_결함내역_검증팀확인결과_20240124_v1.0 1139276 수정 -->
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="nav">
|
||||||
|
<button type="button" class="prev"><span class="invisible">이전</span></button>
|
||||||
|
<button type="button" class="next"><span class="invisible">다음</span></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- /tab -->
|
||||||
|
</div>
|
||||||
|
<!-- /inner -->
|
||||||
|
</div>
|
||||||
|
<!-- /column -->
|
||||||
|
</div>
|
||||||
|
<!-- /together-recommend-area -->
|
||||||
|
</div>
|
||||||
|
<!-- /cfmClContents -->
|
||||||
|
|
||||||
|
<!-- cfmClProductBar -->
|
||||||
|
<div class="cfmClProductBar">
|
||||||
|
<div class="inner">
|
||||||
|
<!--
|
||||||
|
* 복수 상품일 경우
|
||||||
|
* 현재 선택 된 상품은 selected class 표시
|
||||||
|
-->
|
||||||
|
<div class="product">
|
||||||
|
<input type="hidden" name="selLinkType" id="selLinkType" value=A>
|
||||||
|
<input type="hidden" name="selLinkUrl" id="selLinkUrl" value=>
|
||||||
|
<input type="hidden" name="selSocCode" id="selSocCode" value=>
|
||||||
|
<input type="hidden" name="selItemCode" id="selItemCode" value=1617>
|
||||||
|
<div id="selItemInfo">
|
||||||
|
<strong class="pd-tit">우리동네TV</strong>월 9,900 원~<span class="pd-tax"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pd-box">
|
||||||
|
</div>
|
||||||
|
<div class="cominfo" id="reqInfoPopup"></div>
|
||||||
|
<div class="pd-btn-area">
|
||||||
|
<!-- 버튼영역 -->
|
||||||
|
<!-- 입점서비스 -->
|
||||||
|
<!-- 비교함 -->
|
||||||
|
<!-- 요금계산기 -->
|
||||||
|
<!-- end 버튼영역 -->
|
||||||
|
</div>
|
||||||
|
<!-- // 복수 상품일 경우 -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- // cfmClProductBar -->
|
||||||
|
</div>
|
||||||
|
<!-- /cfmCLContainer -->
|
||||||
|
</div>
|
||||||
|
<!-- /cfmClWrapper -->
|
||||||
|
<!-- cfmClFooter -->
|
||||||
|
<!-- cfmClFooter -->
|
||||||
|
<div id="cfmClFooter">
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
kt.footer();
|
||||||
|
|
||||||
|
if(typeof _dl.page_event == 'undefined'){
|
||||||
|
_dl.page_event = {product_detail_view : true}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</div><!-- /cfmClFooter --><!-- /cfmClFooter -->
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$j(document).ready(function(){
|
||||||
|
|
||||||
|
let strUrlOrg = window.location.href;
|
||||||
|
|
||||||
|
let strUrlParam = strUrlOrg;
|
||||||
|
|
||||||
|
let n = strUrlOrg.indexOf("&");
|
||||||
|
if(n > 0){
|
||||||
|
strUrlParam = strUrlOrg.substring(0, n);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
jQuery.ajax({
|
||||||
|
url: '/wDic/soho/getNotice.do',
|
||||||
|
type: "post",
|
||||||
|
dataType: "json",
|
||||||
|
data:{"paramUrl":strUrlParam},
|
||||||
|
success:function(data){
|
||||||
|
//공지사항 존재시 팝업 띄우기
|
||||||
|
|
||||||
|
let cookieYn = data.data.list.some( item => {
|
||||||
|
|
||||||
|
let tmp = !getCookie('notice_' + item.ntfNo);
|
||||||
|
if(tmp){
|
||||||
|
$j("#noticeCookieType").val(item.popupCokiType);
|
||||||
|
$j("#noticeCookieNo").val(item.ntfNo);
|
||||||
|
$j("#noticeSbstHtml").val(item.sbstHtml);
|
||||||
|
}
|
||||||
|
|
||||||
|
return tmp;
|
||||||
|
//return !getCookie('notice_' + item.ntfNo);
|
||||||
|
});
|
||||||
|
|
||||||
|
//하나라도 쿠키 셋팅이 안된 경우
|
||||||
|
if(cookieYn){
|
||||||
|
|
||||||
|
let popupCokiType = $j("#noticeCookieType").val();
|
||||||
|
let ntfNo = $j("#noticeCookieNo").val();
|
||||||
|
let sbstHtml = $j("#noticeSbstHtml").val();
|
||||||
|
|
||||||
|
$j(".layer-contents").load('/sohostatic/notice/' + ntfNo + '/html/' + sbstHtml);
|
||||||
|
|
||||||
|
document.getElementById('layer-notice').style.display = 'block';
|
||||||
|
|
||||||
|
if(popupCokiType=='01'){
|
||||||
|
$j("#layer-stop-btn").text("다시보지않기");
|
||||||
|
}else if(popupCokiType=='02'){
|
||||||
|
$j("#layer-stop-btn").text("1일 동안 보지 않기");
|
||||||
|
}else if(popupCokiType=='03'){
|
||||||
|
$j("#layer-stop-btn").text("7일 동안 보지 않기");
|
||||||
|
}else if(popupCokiType=='04'){
|
||||||
|
$j("#layer-stop-btn").text("30일 동안 보지 않기");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}, error: function() {
|
||||||
|
console.log('공지사항 가져오기 실패');
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
function getCookie(name) {
|
||||||
|
var nameEQ = name + "=";
|
||||||
|
var ca = document.cookie.split(';');
|
||||||
|
for(var i=0; i< ca.length; i++) {
|
||||||
|
var c = ca[i].trim();
|
||||||
|
if(c.indexOf(nameEQ)===0) return c.substring(nameEQ.length, c.length);
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteCookie(name) {
|
||||||
|
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
|
||||||
|
}
|
||||||
|
|
||||||
|
//function closeNoticePopup(cookieType, concatCookieNo) {
|
||||||
|
function closeNoticePopup() {
|
||||||
|
|
||||||
|
let cookieType = $j("#noticeCookieType").val();
|
||||||
|
let concatCookieNo = $j("#noticeCookieNo").val();
|
||||||
|
|
||||||
|
//다시보지않기
|
||||||
|
if (cookieType == '01') {
|
||||||
|
setCookie('notice_' + concatCookieNo, 'done', 365*5); //5년적용
|
||||||
|
} else if (cookieType == '02') {//1일
|
||||||
|
setCookie('notice_' + concatCookieNo, 'done', 1);
|
||||||
|
} else if (cookieType == '03') {//7일
|
||||||
|
setCookie('notice_' + concatCookieNo, 'done', 7);
|
||||||
|
} else if (cookieType == '04') {//30일
|
||||||
|
setCookie('notice_' + concatCookieNo, 'done', 30);
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('layer-notice').style.display = 'none';
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function setCookie(name, value,days) {
|
||||||
|
var date = new Date();
|
||||||
|
date.setTime(date.getTime() + (days*24*60*60*1000));
|
||||||
|
document.cookie = name + "=" + value + "; expires=" + date.toUTCString() + "; path=/";
|
||||||
|
}
|
||||||
|
|
||||||
|
function noticePopupClose() {
|
||||||
|
//let cookieType = $("#noticeCookieType").val();
|
||||||
|
//let concatCookieNo = $("#noticeCookieNo").val();
|
||||||
|
|
||||||
|
document.getElementById('layer-notice').style.display = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<body>
|
||||||
|
<div class="cfm-layers layer-notice" id="layer-notice" style="width:460px !important;height:554px !important;display:none" id="popup-C000000115">
|
||||||
|
<div class="layer-contents">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="layer-close" style="display: none;">
|
||||||
|
<button type="button">레이어 닫기</button>
|
||||||
|
</div>
|
||||||
|
<div class="layer-footer layer-footer-close">
|
||||||
|
<button class="layer-stop-btn" id="layer-stop-btn" onclick="closeNoticePopup('','');">
|
||||||
|
</button>
|
||||||
|
<button class="layer-close-btn" onclick="noticePopupClose();">닫기</button>
|
||||||
|
</div>
|
||||||
|
<input type="hidden" id="noticeCookieType"'>
|
||||||
|
<input type="hidden" id="noticeCookieNo"'>
|
||||||
|
<input type="hidden" id="noticeSbstHtml"'>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</body></html>
|
||||||
883
claude/하이오더.html
Normal file
883
claude/하이오더.html
Normal file
@ -0,0 +1,883 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="Expires" content="-1" />
|
||||||
|
<meta http-equiv="Pragma" content="no-cache" />
|
||||||
|
<meta http-equiv="Cache-Control" content="No-Cache" />
|
||||||
|
<meta http-equiv="content-Type" content="text/html; charset=utf-8" />
|
||||||
|
<meta name="title" content="KT" />
|
||||||
|
<meta name="Keywords" content="kt, 케이티, kt.com, kt닷컴, 케이티닷컴, olleh, 올레, kt기업. kt 기업">
|
||||||
|
<meta name="Description" content="KT 하이오더 서비스를 소개합니다. 회전율 개선, 인건비 절감! 손님이 직접 테이블에서 주문과 결제하는 테이블오더 서비스를 확인해 보세요.">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:title" content="하이오더 | 소상공인 | KT닷컴">
|
||||||
|
<meta property="og:description" content="KT 하이오더 서비스를 소개합니다. 회전율 개선, 인건비 절감! 손님이 직접 테이블에서 주문과 결제하는 테이블오더 서비스를 확인해 보세요.">
|
||||||
|
<meta property="og:url" content="https://product.kt.com/wDic/soho/marketing.do?itemCode=highorder">
|
||||||
|
<meta property="og:image" content="/sohostatic/common/web/img/KT_SNS_Banner.jpg">
|
||||||
|
<link rel="canonical" href="https://product.kt.com/wDic/soho/marketing.do?itemCode=highorder">
|
||||||
|
<link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.product.kt.com/mDic/soho/marketing.do?itemCode=highorder">
|
||||||
|
<title>하이오더 | 소상공인 | KT닷컴</title>
|
||||||
|
<script type="text/javascript"> var ktMenuCd = "BNI000"; </script>
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="https://www.kt.com/favicon.ico">
|
||||||
|
|
||||||
|
<script type="text/javascript" src="https://cfm.kt.com/js/common/global/KTGlobal.js"></script>
|
||||||
|
<!-- 소상공인 사용 자원 -->
|
||||||
|
<link rel="stylesheet" type="text/css" href="/sohostatic/pc/css/default.css">
|
||||||
|
<script type="text/javascript" src="/sohostatic/pc/js/swiper.min.js"></script>
|
||||||
|
<script type="text/javascript" src="/sohostatic/pc/js/TweenMax.min.js"></script>
|
||||||
|
<script type="text/javascript" src="/sohostatic/pc/js/common_front.js"></script>
|
||||||
|
<script type="text/javascript" src="/sohostatic/pc/js/ui.js"></script>
|
||||||
|
<script type="text/javascript" src="/sohostatic/pc/js/gsap-latest-beta.min.js"></script>
|
||||||
|
<script type="text/javascript" src="/sohostatic/pc/js/ScrollTrigger.min.js"></script>
|
||||||
|
<script type="text/javascript" src="/sohostatic/pc/js/topMidVisualArea.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="cfmClWrapper">
|
||||||
|
<div id="cfmClSkip">
|
||||||
|
<a href="#cfmClContents">본문 바로가기</a>
|
||||||
|
<a href="#cfmClGnb">주메뉴 바로 가기</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- HEADER 부분 -->
|
||||||
|
<div id="cfmClHeader">
|
||||||
|
<!-- 플로팅 부분 -->
|
||||||
|
<div id="cfmClFloating">
|
||||||
|
<script type="text/javascript">kt.floating();</script>
|
||||||
|
</div>
|
||||||
|
<!-- //플로팅 부분 -->
|
||||||
|
|
||||||
|
<!-- GNB 부분 -->
|
||||||
|
<div id="cfmClGnb">
|
||||||
|
<script type="text/javascript">kt.gnb();</script>
|
||||||
|
</div>
|
||||||
|
<!-- //GNB 부분 -->
|
||||||
|
</div>
|
||||||
|
<!-- //HEADER 부분 -->
|
||||||
|
|
||||||
|
<div id="cfmClContainer">
|
||||||
|
<div id="cfmClContents">
|
||||||
|
<div class="page-smallbusiness-comm">
|
||||||
|
<!-- 상단 비주얼 영역 -->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<body>
|
||||||
|
<!-- 타이틀 영역 : 가운데 정렬 -->
|
||||||
|
<div class="page-smallbusiness-new sub subProd"> <!-- 비주얼 슬라이딩 배너를 사용하지 않는 상품이면 subProd 적용 -->
|
||||||
|
<!-- 타이틀 영역 -->
|
||||||
|
<div class="heading-wrap section">
|
||||||
|
<div class="text-wrap" style="min-height:150px"; >
|
||||||
|
<div class="frame">
|
||||||
|
<h1 class="page-title">
|
||||||
|
하이오더<span>
|
||||||
|
통신전문가 KT가 제공하는 테이블오더</span>
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 빅배너 영역 -->
|
||||||
|
<div class="visual-wrap section">
|
||||||
|
<div class="swiper visual-swiper" id="visual-swiper">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
|
||||||
|
<!-- 슬라이드 1 -->
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="visual-bg"
|
||||||
|
style="background: url('/sohostatic/marketing/visualBanr/visual_20250812211559753.jpg') center no-repeat;">
|
||||||
|
<div class="mask"></div>
|
||||||
|
|
||||||
|
<!-- <button type="button" class="btn-new" title="영상 재생">PLAY VIDEO</button> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="scroll">
|
||||||
|
Scroll
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<body>
|
||||||
|
<div class="page-smallbusiness-new sub highorder">
|
||||||
|
<!--제휴업체 -->
|
||||||
|
<div class="store-wrap section">
|
||||||
|
<h2 class="sub-title fade-up">
|
||||||
|
하이오더와 함께하는 매장입니다<br>
|
||||||
|
</h2>
|
||||||
|
<div class="wide-frame">
|
||||||
|
<div class="swiper store-swiper1">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img1.png" alt="김복남맥주">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2.png" alt="KYOCHON">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img3.png" alt="KTREE">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img4.png" alt="일일향">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img5.png" alt="위찜">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img6.png" alt="바로그집">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img7.png" alt="SEOGA&COOK">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-1.png" alt="도야 짬뽕">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-2.png" alt="부산면관">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-3.png" alt="진주댁">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-4.png" alt="행복한우동가게">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-5.png" alt="쌈마이대패">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-6.png" alt="CHOONGMAN CHICKEN">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-7.png" alt="제주 곤이칼국수">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper store-swiper2" dir="rtl">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-1.png" alt="도야 짬뽕">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-2.png" alt="부산면관">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-3.png" alt="진주댁">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-4.png" alt="행복한우동가게">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-5.png" alt="쌈마이대패">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-6.png" alt="CHOONGMAN CHICKEN">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2-7.png" alt="제주 곤이칼국수">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img1.png" alt="김복남맥주">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img2.png" alt="KYOCHON">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img3.png" alt="KTREE">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img4.png" alt="일일향">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img5.png" alt="위찜">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img6.png" alt="바로그집">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/sohostatic/partnership/img/store-img7.png" alt="SEOGA&COOK">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<body>
|
||||||
|
</body>
|
||||||
|
<div class ="intro1">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
$(document).ready(function(){
|
||||||
|
$j(".intro1").load('/sohostatic/marketing/mrktgScrnType11/pc-서비스장점_20251001095633.html');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<body>
|
||||||
|
<!-- 후기 영상 -->
|
||||||
|
<div class="page-smallbusiness-new sub comProd">
|
||||||
|
<div class="youtube-wrap section">
|
||||||
|
<h2 class="sub-title fade-up">
|
||||||
|
하이오더를 도입한<br>
|
||||||
|
사장님께 직접 듣습니다</h2>
|
||||||
|
<div class="wide-frame">
|
||||||
|
<div class="flex fade-up">
|
||||||
|
<div class="left-cont">
|
||||||
|
<ul>
|
||||||
|
<li class="active">
|
||||||
|
<strong>
|
||||||
|
하이오더 도입 후<br>
|
||||||
|
어떤 점이 좋아졌나요?</strong>
|
||||||
|
<p>
|
||||||
|
<em>야키토리 묵 김병묵 셰프님</em>
|
||||||
|
<strong>미쉐린 가이드 등재 셰프가 선택한 테이블 오더</strong>
|
||||||
|
<span>
|
||||||
|
우선 해봐! 라고 말해주고 싶을 정도의 만족도<br>
|
||||||
|
하이오더는 제 동료들 만큼이나 든든한 지원군이에요.</span>
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>
|
||||||
|
하이오더 도입 후<br>
|
||||||
|
어떤 점이 좋아졌나요?</strong>
|
||||||
|
<p>
|
||||||
|
<em>로컬릿 남정석 셰프님</em>
|
||||||
|
<strong>국내 채소요리 1인자의 이유 있는 선택!</strong>
|
||||||
|
<span>
|
||||||
|
비건 메뉴 옵션 누락 없이 효과적으로 주문 완료!<br>
|
||||||
|
지금껏 사용했던 모든 주문 방법 중에 가장 만족도가 높았어요.</span>
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>
|
||||||
|
하이오더를 도입한<br>
|
||||||
|
사장님께 직접 듣습니다</strong>
|
||||||
|
<p>
|
||||||
|
<em>백청우칼국수 정자점 점주님</em>
|
||||||
|
<strong>가장 믿음이 가니까 하이오더를 선택했어요.</strong>
|
||||||
|
<span>
|
||||||
|
KT라는 이름이 주는 공신력으로 선택했는데,<br>
|
||||||
|
디자인도 만족스럽고 A/S도 신속하고 철저해 신뢰가 갑니다.</span>
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>
|
||||||
|
하이오더 도입 후<br>
|
||||||
|
어떤 점이 좋아졌나요?</strong>
|
||||||
|
<p>
|
||||||
|
<em>다모토리 혼 점주님</em>
|
||||||
|
<strong>바쁜 매장 인건비 절감에 도움되요!</strong>
|
||||||
|
<span>
|
||||||
|
추가 주문으로 인한 피로감이 적고<br>
|
||||||
|
전문 인력이 없어도 매장 운영이 잘 되어서 만족해요!</span>
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>
|
||||||
|
하이오더를 도입한<br>
|
||||||
|
사장님께 직접 듣습니다</strong>
|
||||||
|
<p>
|
||||||
|
<em>오봉집 과천점 점주님</em>
|
||||||
|
<strong>정말 설치하기 잘했어요.</strong>
|
||||||
|
<span>
|
||||||
|
인터넷은 무조건 KT라는 믿음과 신뢰<br>
|
||||||
|
주문 실수도 없고, 손님들도 편리하고, 설치하길 잘했어요!</span>
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- <div class="controls-wrap play type2">
|
||||||
|
<div class="swiper-button-prev youtube-prev"></div>
|
||||||
|
<div class="group">
|
||||||
|
<div class="swiper-pagination youtube-pagination"></div>
|
||||||
|
<button type="button" class="loop"></button>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-button-next youtube-next"></div>
|
||||||
|
</div> -->
|
||||||
|
<div class="controls-wrap play">
|
||||||
|
<div class="swiper-button-prev youtube-prev" onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_컨트롤 버튼_이전');"></div>
|
||||||
|
<div class="swiper-pagination youtube-pagination"></div>
|
||||||
|
<button type="button" class="swiper-button-play" onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_컨트롤 버튼_재생');">재생</button>
|
||||||
|
<button type="button" class="swiper-button-pause" onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_컨트롤 버튼_일시정지');">일시정지</button>
|
||||||
|
<div class="swiper-button-next youtube-next" onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_컨트롤 버튼_다음');"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="right-cont">
|
||||||
|
<div class="swiper youtube-swiper" id="video-swiper">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="video-container">
|
||||||
|
<button type="button" class="youtube-play" onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_야키토리 묵_Play');">영상 재생</button>
|
||||||
|
<div class="yt-player" data-id="fXdJEESuFRc"></div>
|
||||||
|
</div>
|
||||||
|
<div class="embed-script-wrap">
|
||||||
|
<div class="embed-script">
|
||||||
|
<p>
|
||||||
|
안녕하세요 저는 4년 연속 미쉐린 가이드에 등재된 야키토리 묵을 운영하고 있는 김병묵입니다.<br><br><br>흑백요리사라는 프로그램에서 야키토리왕으로 활동을 했고요. 지금은 야키토리 묵 매장 두 개와 그리고 장미시장국밥이라는 브랜드를 런칭해서 운영 중에 있습니다.<br><br>흑백요리사 방영 후에 길 가다가 알아보시는 분들도 있고 그로 인해서 그 인기를 실감하고 있습니다. 사실 그 인기를 제일 실감하는 부분은 저에 대한 관심이 저희 매장에 대한 관심으로 많이 넘어오면서 예전보다 예약률이 매우 높아지고 있고 야키토리 묵 같은 경우는 한 달 예약을 다 만석으로 채울 만큼 그렇게 관심을 받고 있습니다. 장미시장국밥을 운영 중에 있는데요. 사실 장미시장국밥을 운영하는 것을 대외적으로 오픈하진 않았어요. 단순히 국밥집은 국밥집답게 그냥 국밥으로 평가받고 싶었고 그냥 맛으로 평가받고 싶어서 제 이미지를 빼고 처음에 오픈했는데 소문이 난 거예요. 어쩔 수 없이 사진도 걸어놨고요. 손님들이 많이 찾아주시고 연일 재료 소진으로 모든 손님들에게 제공하지 못할 정도로 잘 되고 있습니다. 장미시장국밥은 한우국밥이라는 메뉴가 주력메뉴고요. 칼칼한 국밥으로 양곰탕이 있습니다.<br><br>가장 어려운 점은 우선 영업시간 내에 손님들을 응대하고 주문을 받고 식사를 제공하고 회전력이 받쳐줘야지 성공할 수 있는 아이템이 국밥이라고 생각해요. 저희 직원들도 예상보다 더 많은 분들이 오다 보니 주문 실수도 많아지고 주문 누락도 생기고 어쩔 수 없이 저희도 적응하는 기간이 필요한 건데, 그런 부분에서 손님들에게 제대로 된 서비스가 못 나가는 경우. 그리고 점심에 식사하시는 분들은 더치페이가 많아요. 결제할 때, 한 분 한 분씩 카드를 들고 기다리시는데 그 대기시간이 생각보다 깁니다. 그것 때문에 나가야 되는 메뉴도 못 나가게 되고 한 사람은 계속 계산을 위해서 서있어야 하는 그런 문제들이 있었어요. 빠르게 진행되는 업장일수록 결제를 빨리 정확하게 하는 게 중요한데 손님들도 불편해하시고 직원들도 그로 인해서 스트레스 받고 이것에 대한 해법을 많이 고민하고 있었어요. 처음엔 적어볼까도 했었고, 키오스크를 써볼까 여러가지 생각을 했었는데 그러던 중에 저는 테이블에서 쓸 수 있는 오더 방식에 관심을 갖게 된 것 같아요.<br><br>설치하고 다음 날 직원들에게 전화가 왔어요. ‘너무 만족스럽다’ 사실 주문을 직접 받아서 구두로 전달할 때에는 주문 누락이나 실수들이 많이 있을 수밖에 없는데 고객들이 직접 주문을 하고 결제를 하다보니까 주문에 대한 실수가 많이 사라졌어요. 그렇다보니 직원들의 부담감도 덜어지고 그리고 효율성도 높아지고. 저희 장미시장국밥은 테이블에서 결제 가능한 선불형 모델을 사용하고 있어요. 그렇다보니까 주문과 동시에 바로 결제를 할 수 있고 한 분 한 분씩 따로 결제를 할 수 있다보니 결제를 위해 대기하고 있는 그런 시간들을 많이 없앨 수 있었고 여러가지 오더 시스템들이 있는데 그 오더 시스템들을 업주 입장에서 도입할 때는 항상 고려하는 사항이 뭐냐면 테이블에 얼마나 차지하는가, 테이블에 불편함을 얼마나 제거할 수 있는가를 많이 고민하는데요. 이번에 하이오더를 설치하니 모든 게 다 무선으로 되어있고 심지어 충전 방식도 배터리로 되어있고요. 그렇다보니까 선을 깔 필요가 없는 거예요. 걸리적거리는 게 없고 깔끔하고 예뻐가지고 만족하고 있습니다. 사실 설치하기 전까지는 고민이 많았어요. 그런데 설치하고 나서 만족도가 매우 높아요. 혹시 누가 고민하고 있다면 ‘우선 해봐’라고 말해주고 싶을 정도로 그 정도의 만족도가 있습니다. 저한테는 직원이라는 자산이 식당을 운영하면서 제일 중요한 자산이에요. 특히나 지금 장미시장국밥에서 같이하고 있는 친구들은 처음부터 같이 해 온 친구들이라서 저한테는 엄청 소중한 동료들입니다. 그들에게 고생을 시키는 게 마음에 걸렸어요 사실 KT하이오더를 도입하고 나서 걱정과 마음의 짐을 좀 덜 수 있어서 너무 좋습니다. 이제 하이오더는 제 동료들 만큼이나 든든한 지원군이 된 것 같습니다.<br><br><br>야키토리왕 김병묵 셰프의 장미시장국밥은 KT하이오더를 사용합니다.</p>
|
||||||
|
</div>
|
||||||
|
<button type="button" onclick="KT_trackClicks('^KT-개인^상품^소상공인^하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_야키토리 묵_자막');">자막열기</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="video-container">
|
||||||
|
<button type="button" class="youtube-play" onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_로컬릿_Play');">영상 재생</button>
|
||||||
|
<div class="yt-player" data-id="UxobCG2-e7Y"></div>
|
||||||
|
</div>
|
||||||
|
<div class="embed-script-wrap">
|
||||||
|
<div class="embed-script">
|
||||||
|
<p>
|
||||||
|
안녕하세요. 국내 채소요리 1인자.<br>옥수동 로컬릿, 그린볼 강릉 오너셰프. 남정석입니다. <br> <br>로컬릿은 국내산 채소와 재료를 사용한 채소 베이스의 이탈리안 레스토랑입니다.<br>로컬릿의 시그니처 메뉴로는 채소테린, 가지 라자냐, 시금치 뇨끼, 호박 까넬로니가 있습니다.<br> <br>손님들 편의를 위해 QR오더를 도입했었는데요.<br>QR오더를 사용했을 때, 배달과 주문이 병행되면 포스에서 주문이 늦게 뜨거나 누락되는 일이 자주 발생해서 배달과 연동하기가 어려웠습니다.<br>간혹 연령대가 높은 손님들이 오시면 QR오더 사용에 불편을 겪으시기도 했습니다.<br>그래도 메뉴판을 따로 유지하고 있어서 직접 주문하시는 분들이 많은데<br>비건 옵션 선택이 가능한 메뉴를 주문할 때, 가끔 비건 선택을 안 하시고<br>메뉴가 잘못 나왔다며 컴플레인을 하실 때도 있었고<br>메뉴 선택에 혼란을 줄 때가 있어서 어떻게 하면 옵션이나 메뉴 누락 없이<br>효과적으로 주문을 받을 수 있을까?<br>이런 부분들을 고민하곤 했습니다.<br> <br>하이오더를 설치하고 많은 부분들이 개선되었는데요.<br>특히 간편한 UI로 누구나 쉽게 주문하시고<br>주문 전에 옵션을 꼭 선택해야 주문이 가능해서<br>옵션 누락도 많이 줄어들었어요.<br>특히 흑백요리사 방영 후 외국인 손님들이 많이 오시는데<br>하이오더는 언어 선택이 가능해서 외국인분들도 간편하게 주문할 수 있고<br>주문이 빨라지니까 회전율도 빨라졌고<br>특히 홀 직원들의 수고를 많이 덜어준 게 가장 좋았습니다.<br>걱정했었던 인터넷 오류도 KT라서 그런지 전혀 없었습니다.<br>저는 매장 말고도 개인적으로 KT를 사용하고 있어서<br>인터넷은 역시 KT니까요.<br>지금껏 사용했던 모든 주문 방법 중에 가장 만족도가 높았어요.<br>국내 테이블오더 서비스 1인자는 하이오더가 아닐까요?<br> <br>국내 채소요리 1인자, 남정석의 로컬릿은 KT하이오더를 사용합니다.</p>
|
||||||
|
</div>
|
||||||
|
<button type="button" onclick="KT_trackClicks('^KT-개인^상품^소상공인^하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_로컬릿_자막');">자막열기</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="video-container">
|
||||||
|
<button type="button" class="youtube-play" onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_백청우칼국수_Play');">영상 재생</button>
|
||||||
|
<div class="yt-player" data-id="84ujT5ZSyYc"></div>
|
||||||
|
</div>
|
||||||
|
<div class="embed-script-wrap">
|
||||||
|
<div class="embed-script">
|
||||||
|
<p>
|
||||||
|
안녕하세요.<br>백청우칼국수 정자점을 운영하고 있는 최훈입니다.<br><br>칼국수와 만두를 같이 곁들여서 먹을 수 있는 만두 전골이 가장 인기가 있고 가장 선호하는 메뉴입니다.<br>저희 칼국수 면은 최고급 밀가루로 직접 반죽하고 숙성하여서 직접 제면을 하기 때문에 건강한 생면이고 손님들도 되게 만족하시고 있습니다.<br><br>하이오더 도입 전엔 저희 메뉴판이 다 글씨로 되어 있었기 때문에 손님들이 주문하는 폭이 그만큼 좁았다고 하면 도입 후에는 일일이 사진과 설명이 있기 때문에 손님들이 더 편하게 이용하실 수 있었고 주문 누락이라는 게 절대 없기 때문에 저희 역시 만족스럽고 손님들도 만족스럽고 모두가 만족스러운 기기인 것 같습니다.<br><br>KT의 공신력이 크고 대기업이다보니까 가장 신뢰하고 믿음이 가기 때문에 KT하이오더를 선택하지 않았을까 생각합니다.<br>저희 매장의 인테리어가 화이트 톤이라 하이오더 기기 색과 매치가 되더라고요.<br>그래서 디자인 부분에서도 만족하고 있습니다.<br>최근에 한 번 잠깐 끊긴 적이 있었는데 KT직원이 신속하게 오셔서 철저하게 해주시고 가셔서 저 역시 만족하고 신뢰가 갑니다.<br><br>바쁜 매장에서 일을 효율적으로 하기 위해서는 KT하이오더가 반드시 필요하다고 생각합니다.<br>제가 쓰면서 너무 편리하고 효율적으로 일을 하다보니까 저 역시 편하고! 손님들도 편하고! 모두의 만족을 드릴 수 있는 효과가 있는 것 같습니다.<br>그래서 저는 KT하이오더를 추천합니다!</p>
|
||||||
|
</div>
|
||||||
|
<button type="button" onclick="KT_trackClicks('^KT-개인^상품^소상공인^하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_백청우칼국수_자막');">자막열기</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="video-container">
|
||||||
|
<button type="button" class="youtube-play" onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_다모토리 혼_Play');">영상 재생</button>
|
||||||
|
<div class="yt-player" data-id="OP0sd2_xEEU"></div>
|
||||||
|
</div>
|
||||||
|
<div class="embed-script-wrap">
|
||||||
|
<div class="embed-script">
|
||||||
|
<p>
|
||||||
|
안녕하세요. 성수동에서 한식 주점 '다모토리혼'을 운영하고 있는 유현수입니다.<br>다모토리라는 단어는 소주를 큰 잔으로 마신다라는 순우리말입니다.<br>한식을 바탕으로 한 수제요리와 우리나라 고유의 전통주를 즐길 수 있는 편안한 공간을 만들어가고자 노력하고 있습니다.<br>투뿔한우육회, 낙지볶음쫄면, 통오징어떡볶이 오픈 이후에 꾸준하게 고객이 찾아주시는 메뉴입니다.<br>코로나 이후에 구인난이 심해져서 테이블 오더의 필요성을 처음 느꼈습니다. 동시에 외식업계 인력의 전문성도 점점 약화되고 있음을 인지하게 되면서 테이블 오더 서비스를 시작하게 되었습니다.<br>지금은 전문 인력이 없어도 하이오더로 매장 운영이 잘 되어서 만족감을 느끼고 있습니다.<br>처음에는 타사들의 불안정한 사용 후기와 업체 신뢰도가 낮아서 가입을 망설였습니다.<br>그런데 KT에서도 테이블 오더를 운영한다는 것을 알게 되었고 그래도 대기업 시스템이 장기적으로는 더 안정적이지 않을까 싶어서 선택하게 되었습니다.<br>바쁜 매장에 테이블 오더 서비스는 필수라고 생각합니다. 특히나 추가 주문이 많은 매장은 피로감을 줄일 수 있다고 생각합니다. 매장의 크기나 상황에 따라 다르겠지만 2-30%정도 인건비 세이브를 할 수 있다고 생각하고 바쁜 매장은 무조건 추천드립니다.<br>테이블 오더 설치에 대한 고민은 항상 있었지만 설치 후의 생각은 단 1의 후회도 없습니다. 인건비와 업무 강도를 잘 비교해서 사장님들 매장에 맞는 테이블 오더를 설치하시길 바라겠습니다. 저희 다모토리혼도 많은 관심 부탁 드립니다. 감사합니다.</p>
|
||||||
|
</div>
|
||||||
|
<button type="button" onclick="KT_trackClicks('^KT-개인^상품^소상공인^하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_다모토리 혼_자막');">자막열기</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="video-container">
|
||||||
|
<button type="button" class="youtube-play" onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_오봉집 과천점_Play');">영상 재생</button>
|
||||||
|
<div class="yt-player" data-id="oumzRa_tH60"></div>
|
||||||
|
</div>
|
||||||
|
<div class="embed-script-wrap">
|
||||||
|
<div class="embed-script">
|
||||||
|
<p>
|
||||||
|
오봉집 과천점을 운영하고 있는 허환회입니다.<br>음식에서 중요한 것은 우선 정직한 재료와 한결 같은 맛! 그리고 청결!<br>이 세 가지는 음식에 대해 꼭 지키고 있습니다.<br>저희 오봉집은 직화낙지볶음과 특수부위 가브리살 보쌈이 시그니처 메뉴이며 가족 외식 때 낙지볶음, 아이들은 보쌈으로 맛있게 드실 수 있습니다.<br><br>처음에 오픈 준비하면서 하이오더 설치를 정말 많이 고민하게 되었는데 광고에서 테이블오더를 설치하면 한 명 인건비를 줄일 수 있다고 하더라고요.<br>솔직히 거짓말이라고 생각했는데, 한 달 정도 사용하고 느낀 점은 '정말 설치하길 잘했다.' '정말 한 명 인건비를 줄일 수 있구나' 생각이 들었습니다.<br>바쁜 시간에 손님들도 '여기요 여기요' 하면서 주문하지 않아도 돼서 편리하고 주문 실수가 나지 않아서 좋다고 생각합니다.<br>이전으로 돌아가도 하이오더를 설치할 것 같습니다.<br><br>'인터넷은 무조건 KT'라는 믿음과 신뢰가 있습니다.<br>당연히 오봉집 매장도 인터넷은 KT를 설치하였고 KT에서 운영하는 하이오더에 관심을 갖고 문의하게 되었습니다.<br>디자인도 좋고 색상도 마음에 듭니다.<br>흰색과 검정색을 고민했었는데, 검적생이 저희 매장의 인테리어와 맞게 깔끔해서 잘 어울리는 것 같습니다.<br><br>요즘 장사하시는 다른 사장님한테도 하이오더를 설치하라고 추천할 정도로 잘 했다고 생각하고 있습니다.<br>KT하이오더를 응원합니다!</p>
|
||||||
|
</div>
|
||||||
|
<button type="button" onclick="KT_trackClicks('^KT-개인^상품^소상공인^하이오더','^KT-개인_상품_소상공인_하이오더^버튼_사용후기_오봉집 과천점_자막');">자막열기</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<body>
|
||||||
|
<!-- 상담신청 영역 -->
|
||||||
|
<div class="page-smallbusiness-new">
|
||||||
|
<div class="consult-wrap section">
|
||||||
|
<div class="frame fade-up">
|
||||||
|
<h2>
|
||||||
|
사장님! 상담만 받아보세요.<br>
|
||||||
|
친절하게 상담해 드리겠습니다.</h2>
|
||||||
|
<a href="https://shop.kt.com/unify/orderTelSMCounselForm.do"
|
||||||
|
class="btnOrderPop btn-new large" onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_상담신청 배너_친절 상담_상담신청');">
|
||||||
|
상담신청</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<body>
|
||||||
|
</body>
|
||||||
|
<div class ="intro4">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
$(document).ready(function(){
|
||||||
|
$j(".intro4").load('/sohostatic/marketing/mrktgScrnType11/pc-상품소개1_20251001095633.html');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<body>
|
||||||
|
</body>
|
||||||
|
<div class ="intro5">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
$(document).ready(function(){
|
||||||
|
$j(".intro5").load('/sohostatic/marketing/mrktgScrnType11/pc-상품소개2_20251001095633.html');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<body>
|
||||||
|
<!-- 상담신청 영역 -->
|
||||||
|
<div class="page-smallbusiness-new">
|
||||||
|
<div class="consult-wrap section">
|
||||||
|
<div class="frame fade-up">
|
||||||
|
<h2>
|
||||||
|
지금 바로 가입하지 않으셔도 됩니다.<br>
|
||||||
|
부담 없이 상담 신청해주세요!</h2>
|
||||||
|
<a href="https://shop.kt.com/unify/orderTelSMCounselForm.do"
|
||||||
|
class="btnOrderPop btn-new large" onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_상담신청 배너_부담없이 상담_상담신청');">
|
||||||
|
상담신청</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<body>
|
||||||
|
<!-- 유형 선택 : 온마시 프로모션 배너 -->
|
||||||
|
<div class="page-smallbusiness-new sub">
|
||||||
|
<div class="btm-banner section">
|
||||||
|
<div class="wide-frame">
|
||||||
|
<div class="swiper banner-swiper">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div id="onmasBannerAreaTemp"></div>
|
||||||
|
<!-- <div class="swiper-slide" id="onmasBannerArea" onclick = "campaignClickLog()"></div> -->
|
||||||
|
<div class="swiper-slide" name="promBanrSwiperSlide">
|
||||||
|
<a href="https://shop.kt.com/display/olhsPlan.do?plnDispNo=2660"
|
||||||
|
onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_프로모션 배너_소상공인 상생 캠페인');" class="">
|
||||||
|
<img src="/sohostatic/promotionBanr/img/01_PC_소상공인배너_소상공인 상생 캠페인_20250930131820.png" alt="소상공인이 가장 기뻐할 소식! 매주 300명 증정, 매월 300만원 혜택 받으세요.">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide" name="promBanrSwiperSlide">
|
||||||
|
<a href="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1519"
|
||||||
|
onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_프로모션 배너_지니 TV 사장님 초이스');" class="">
|
||||||
|
<img src="/sohostatic/promotionBanr/img/PC_소상공인배너_지니 TV 사장님 초이스_20250429145627.png" alt="지니 TV 사장님 초이스 | 디지털사이니지와 지니TV를 동시에 이용하세요!">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide" name="promBanrSwiperSlide">
|
||||||
|
<a href="https://product.kt.com/wDic/soho/productDetail.do?ItemCode=1513"
|
||||||
|
onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_프로모션 배너_사장님 혜택존');" class="">
|
||||||
|
<img src="/sohostatic/promotionBanr/img/PC_소상공인배너_사장님혜택존_250417_20250421175446.png" alt="사장님 혜택존. KT 이용하시는 사장님! 아직도 혜택 안 받아가셨다면 지금 바로 클릭! 최소 400만원 이상 혜택. 최대 312만원 캐시백 + 100만원 상당 할인">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="controls-wrap black play type1" id="promBanrSwiperControls">
|
||||||
|
<div onclick="controlPre()" class="swiper-button-prev banner-prev"></div>
|
||||||
|
<div class="group">
|
||||||
|
<div class="swiper-pagination banner-pagination"></div>
|
||||||
|
<button type="button" onclick="controlStart(this)" class="loop"></button>
|
||||||
|
</div>
|
||||||
|
<div onclick="controlNext()" class="swiper-button-next banner-next"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
function bannerSlideForPublic() {
|
||||||
|
var bannerSlide = new Swiper(".banner-swiper", {
|
||||||
|
navigation: {
|
||||||
|
nextEl: ".banner-next",
|
||||||
|
prevEl: ".banner-prev",
|
||||||
|
},
|
||||||
|
pagination: {
|
||||||
|
el: ".banner-pagination",
|
||||||
|
clickable: true,
|
||||||
|
},
|
||||||
|
autoplay: {
|
||||||
|
delay: 5000,
|
||||||
|
disableOnInteraction: false,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<body>
|
||||||
|
<div class="page-smallbusiness-new sub highorder">
|
||||||
|
<div class="tab-toggle-area new">
|
||||||
|
<div class="column">
|
||||||
|
<div class="inner">
|
||||||
|
<div class="accordions active">
|
||||||
|
<div class="tab-content-01 accordionH">
|
||||||
|
<button type="button" class="accordion-trigger title" id="title1" title="열기" onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_아코디언_이용안내');">이용안내</button>
|
||||||
|
<div class="accordion-contents desc" style="display: none;">
|
||||||
|
<div class="accordionHtmlArea1" id="accordion1">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
<script>
|
||||||
|
//아코디언 HTML 처리
|
||||||
|
$(document).ready(function(){
|
||||||
|
let fileList = JSON.parse('[{"pc_sbst_html":"PC_이용안내_20250108172337.html","title":"이용안내","seq_no":650,"pc_use_yn":"Y","mrktg_scrn_no":4709,"sort_order":1}]');
|
||||||
|
for(let i = 0; i < fileList.length; i++){
|
||||||
|
$j('.accordionHtmlArea'+fileList[i].sort_order).load('/sohostatic/marketing/mrktgScrnType09/'+fileList[i].pc_sbst_html);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
|
<!-- 퀵 링크 영역 : 우측 플로팅 -->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<body>
|
||||||
|
<!-- 퀵 링크 영역 우측 플로팅 -->
|
||||||
|
<div class="quick">
|
||||||
|
<a href="https://shop.kt.com/display/olhsPlan.do?plnDispNo=2660"
|
||||||
|
onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_우측 플로팅_소상공인 상생 캠페인');" >
|
||||||
|
<img src="/sohostatic/floating/img/PC_플로팅_매월 경품 추첨_20250930131654.png" alt="경품추첨">
|
||||||
|
</a>
|
||||||
|
<a href="https://shop.kt.com/unify/orderTelSMCounselForm.do"
|
||||||
|
onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_우측 플로팅_온라인 상담신청');" class="btnOrderPop">
|
||||||
|
<img src="/sohostatic/floating/img/pc_플로팅_온라인상담신청_20250219100056.png" alt="온라인 상담신청">
|
||||||
|
</a>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="/wDic/soho/marketing.do?itemCode=sajangeasy"
|
||||||
|
onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_우측 플로팅_사장이지');">
|
||||||
|
사장이지<span>(매장운영 필수앱)</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/wDic/soho/marketing.do?itemCode=highorder"
|
||||||
|
onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_우측 플로팅_하이오더');">
|
||||||
|
하이오더<span>(테이블 오더)</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/wDic/soho/marketing.do?itemCode=airobot"
|
||||||
|
onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_우측 플로팅_KT 서빙로봇');">
|
||||||
|
KT 서빙로봇<span>(AI 서빙로봇)</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/wDic/soho/marketing.do?itemCode=aicall"
|
||||||
|
onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_우측 플로팅_AI 전화');">
|
||||||
|
AI 전화<span>(매장전화 필수품)</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/wDic/soho/marketing.do?itemCode=gigaeyes"
|
||||||
|
onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_우측 플로팅_기가아이즈');">
|
||||||
|
기가아이즈<span>(CCTV)</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/wDic/soho/marketing.do?itemCode=main"
|
||||||
|
onclick="KT_trackClicks('^KT-개인_상품_소상공인_하이오더','^KT-개인_상품_소상공인_하이오더^버튼_우측 플로팅_으랏차차 패키지');">
|
||||||
|
으랏차차 패키지<span>(소상공인 결합상품)</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- FOOTER 부분 -->
|
||||||
|
<div id="cfmClFooter">
|
||||||
|
<script type="text/javascript">kt.footer();kt_api.breadcrumb();</script>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$j(document).ready(function(){
|
||||||
|
|
||||||
|
let strUrlOrg = window.location.href;
|
||||||
|
|
||||||
|
let strUrlParam = strUrlOrg;
|
||||||
|
|
||||||
|
let n = strUrlOrg.indexOf("&");
|
||||||
|
if(n > 0){
|
||||||
|
strUrlParam = strUrlOrg.substring(0, n);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
jQuery.ajax({
|
||||||
|
url: '/wDic/soho/getNotice.do',
|
||||||
|
type: "post",
|
||||||
|
dataType: "json",
|
||||||
|
data:{"paramUrl":strUrlParam},
|
||||||
|
success:function(data){
|
||||||
|
//공지사항 존재시 팝업 띄우기
|
||||||
|
|
||||||
|
let cookieYn = data.data.list.some( item => {
|
||||||
|
|
||||||
|
let tmp = !getCookie('notice_' + item.ntfNo);
|
||||||
|
if(tmp){
|
||||||
|
$j("#noticeCookieType").val(item.popupCokiType);
|
||||||
|
$j("#noticeCookieNo").val(item.ntfNo);
|
||||||
|
$j("#noticeSbstHtml").val(item.sbstHtml);
|
||||||
|
}
|
||||||
|
|
||||||
|
return tmp;
|
||||||
|
//return !getCookie('notice_' + item.ntfNo);
|
||||||
|
});
|
||||||
|
|
||||||
|
//하나라도 쿠키 셋팅이 안된 경우
|
||||||
|
if(cookieYn){
|
||||||
|
|
||||||
|
let popupCokiType = $j("#noticeCookieType").val();
|
||||||
|
let ntfNo = $j("#noticeCookieNo").val();
|
||||||
|
let sbstHtml = $j("#noticeSbstHtml").val();
|
||||||
|
|
||||||
|
$j(".layer-contents").load('/sohostatic/notice/' + ntfNo + '/html/' + sbstHtml);
|
||||||
|
|
||||||
|
document.getElementById('layer-notice').style.display = 'block';
|
||||||
|
|
||||||
|
if(popupCokiType=='01'){
|
||||||
|
$j("#layer-stop-btn").text("다시보지않기");
|
||||||
|
}else if(popupCokiType=='02'){
|
||||||
|
$j("#layer-stop-btn").text("1일 동안 보지 않기");
|
||||||
|
}else if(popupCokiType=='03'){
|
||||||
|
$j("#layer-stop-btn").text("7일 동안 보지 않기");
|
||||||
|
}else if(popupCokiType=='04'){
|
||||||
|
$j("#layer-stop-btn").text("30일 동안 보지 않기");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}, error: function() {
|
||||||
|
console.log('공지사항 가져오기 실패');
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
function getCookie(name) {
|
||||||
|
var nameEQ = name + "=";
|
||||||
|
var ca = document.cookie.split(';');
|
||||||
|
for(var i=0; i< ca.length; i++) {
|
||||||
|
var c = ca[i].trim();
|
||||||
|
if(c.indexOf(nameEQ)===0) return c.substring(nameEQ.length, c.length);
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteCookie(name) {
|
||||||
|
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
|
||||||
|
}
|
||||||
|
|
||||||
|
//function closeNoticePopup(cookieType, concatCookieNo) {
|
||||||
|
function closeNoticePopup() {
|
||||||
|
|
||||||
|
let cookieType = $j("#noticeCookieType").val();
|
||||||
|
let concatCookieNo = $j("#noticeCookieNo").val();
|
||||||
|
|
||||||
|
//다시보지않기
|
||||||
|
if (cookieType == '01') {
|
||||||
|
setCookie('notice_' + concatCookieNo, 'done', 365*5); //5년적용
|
||||||
|
} else if (cookieType == '02') {//1일
|
||||||
|
setCookie('notice_' + concatCookieNo, 'done', 1);
|
||||||
|
} else if (cookieType == '03') {//7일
|
||||||
|
setCookie('notice_' + concatCookieNo, 'done', 7);
|
||||||
|
} else if (cookieType == '04') {//30일
|
||||||
|
setCookie('notice_' + concatCookieNo, 'done', 30);
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('layer-notice').style.display = 'none';
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function setCookie(name, value,days) {
|
||||||
|
var date = new Date();
|
||||||
|
date.setTime(date.getTime() + (days*24*60*60*1000));
|
||||||
|
document.cookie = name + "=" + value + "; expires=" + date.toUTCString() + "; path=/";
|
||||||
|
}
|
||||||
|
|
||||||
|
function noticePopupClose() {
|
||||||
|
//let cookieType = $("#noticeCookieType").val();
|
||||||
|
//let concatCookieNo = $("#noticeCookieNo").val();
|
||||||
|
|
||||||
|
document.getElementById('layer-notice').style.display = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<body>
|
||||||
|
<div class="cfm-layers layer-notice" id="layer-notice" style="width:460px !important;height:554px !important;display:none" id="popup-C000000115">
|
||||||
|
<div class="layer-contents">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="layer-close" style="display: none;">
|
||||||
|
<button type="button">레이어 닫기</button>
|
||||||
|
</div>
|
||||||
|
<div class="layer-footer layer-footer-close">
|
||||||
|
<button class="layer-stop-btn" id="layer-stop-btn" onclick="closeNoticePopup('','');">
|
||||||
|
</button>
|
||||||
|
<button class="layer-close-btn" onclick="noticePopupClose();">닫기</button>
|
||||||
|
</div>
|
||||||
|
<input type="hidden" id="noticeCookieType"'>
|
||||||
|
<input type="hidden" id="noticeCookieNo"'>
|
||||||
|
<input type="hidden" id="noticeSbstHtml"'>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</body><script>
|
||||||
|
//OMS 배너 호출 요청
|
||||||
|
//zoneCode : 영역 코드
|
||||||
|
let resultData = '';
|
||||||
|
let zoneCode = "OA0000031003";
|
||||||
|
let onmasConnectUrl = "https://offer.onmas.kt.com";
|
||||||
|
let mrktgName = "하이오더";
|
||||||
|
let isLogin = "false"
|
||||||
|
window.onload = function(){
|
||||||
|
prodSwiper();
|
||||||
|
if(isLogin == "true"){
|
||||||
|
var dataObj = {
|
||||||
|
zoneCode : zoneCode
|
||||||
|
};
|
||||||
|
$j.ajax({
|
||||||
|
url : onmasConnectUrl+'/offer/v1.0/common/getBanner',
|
||||||
|
type : "post",
|
||||||
|
data : dataObj,
|
||||||
|
dataType: "json",
|
||||||
|
timeout : 10000,
|
||||||
|
xhrFields : { withCredentials : true },
|
||||||
|
cache : false,
|
||||||
|
crossDomain : true,
|
||||||
|
cookie : true,
|
||||||
|
success: function(data) {
|
||||||
|
resultData = data.data;
|
||||||
|
if(resultData != undefined || resultData != null){
|
||||||
|
|
||||||
|
//동적 생성 적용
|
||||||
|
$("#onmasBannerAreaTemp").after('<div class="swiper-slide" id="onmasBannerArea" name="promBanrSwiperSlide" onclick = "campaignClickLog()"></div>');
|
||||||
|
|
||||||
|
document.getElementById('onmasBannerArea').innerHTML = resultData.html;
|
||||||
|
//var html = $j(resultData.html);
|
||||||
|
//$j(html).insertAfter(".onmasBannerAreaTemp");
|
||||||
|
|
||||||
|
trgt.campaignViewLog(resultData.caVal1, resultData.caVal2, resultData.caVal3);
|
||||||
|
|
||||||
|
bannerSlideForPublic();
|
||||||
|
|
||||||
|
//let controlDiv = document.querySelector('.controls-wrap black play type1');
|
||||||
|
//let listSize = "";
|
||||||
|
//if(controlDiv && listSize == 1){
|
||||||
|
//if(controlDiv.style.display == 'none'){
|
||||||
|
//controlDiv.style.display == 'block';
|
||||||
|
//}
|
||||||
|
//}
|
||||||
|
} else {
|
||||||
|
//document.getElementById('onmasBannerArea').remove();
|
||||||
|
//bannerSlide();//1211
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
error : function(request, status, error){
|
||||||
|
console.log("실패");
|
||||||
|
//document.getElementById('onmasBannerArea').remove();
|
||||||
|
//bannerSlide();//1211
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
//document.getElementById('onmasBannerArea').remove();
|
||||||
|
//bannerSlide();//1211
|
||||||
|
|
||||||
|
////온마시 테스트////
|
||||||
|
//var htmlStr = '<a href="#" onclick="return false;"><img src="https://tb.offer.onmas.kt.com/images/omscms_20241111101614.png" alt="소상공인 최대 600만원 혜택. 소상공인 누구나! 우리 매장 통신비 절약 꿀팁"></a>';
|
||||||
|
//$("#onmasBannerAreaTemp").after('<div class="swiper-slide" id="onmasBannerArea" name="promBanrSwiperSlide" onclick = "campaignClickLog()"></div>');
|
||||||
|
//var onmasBanr = document.getElementById('onmasBannerArea');
|
||||||
|
//onmasBanr.innerHTML = htmlStr;
|
||||||
|
//bannerSlideForPublic();
|
||||||
|
////온마시 테스트////
|
||||||
|
}
|
||||||
|
|
||||||
|
//온마시 포함 배너 숫자에 따라 버튼 노출
|
||||||
|
let promBanrLen = $("div[name=promBanrSwiperSlide]").length;
|
||||||
|
|
||||||
|
if(promBanrLen < 2){
|
||||||
|
//$("#promBanrSwiperControls").css("display", (promBanrLen > 1 ? 'block' : 'none'));
|
||||||
|
$("#promBanrSwiperControls").css("display", 'none');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function campaignClickLog() {
|
||||||
|
trgt.campaignClickLog(resultData.caVal1, resultData.caVal2, resultData.caVal3, 'CL', '^KT-개인_상품_소상공인_'+mrktgName+'^버튼_프로모션 배너_'+resultData.statCd + '^클릭');
|
||||||
|
//KT_trackClicks('^KT-개인_상품_소상공인_'+mrktgName+',^KT-개인_상품_소상공인_'+mrktgName+'^버튼_프로모션 배너_'+resultData.caVal2);
|
||||||
|
|
||||||
|
KT_trackClicks('^KT-개인_상품_소상공인_'+mrktgName,'^KT-개인_상품_소상공인_'+mrktgName+'^버튼_프로모션 배너_' + resultData.statCd + '^클릭');
|
||||||
|
|
||||||
|
|
||||||
|
//동적 제거 테스트
|
||||||
|
//document.getElementById('onmasBannerArea').remove();
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function controlStart(){
|
||||||
|
if ($(".btm-banner .controls-wrap").hasClass('play')) {
|
||||||
|
let promMrktgName = "하이오더";
|
||||||
|
KT_trackClicks('^KT-개인_상품_소상공인_'+promMrktgName, '^KT-개인_상품_소상공인_'+promMrktgName+'^버튼_프로모션 배너_컨트롤 버튼_일시정지');
|
||||||
|
} else {
|
||||||
|
let promMrktgName = "하이오더";
|
||||||
|
KT_trackClicks('^KT-개인_상품_소상공인_'+promMrktgName, '^KT-개인_상품_소상공인_'+promMrktgName+'^버튼_프로모션 배너_컨트롤 버튼_재생');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function controlPre(){
|
||||||
|
let promMrktgName = "하이오더";
|
||||||
|
KT_trackClicks('^KT-개인_상품_소상공인_'+promMrktgName, '^KT-개인_상품_소상공인_'+promMrktgName+'^버튼_프로모션 배너_컨트롤 버튼_이전');
|
||||||
|
}
|
||||||
|
|
||||||
|
function controlNext(){
|
||||||
|
let promMrktgName = "하이오더";
|
||||||
|
KT_trackClicks('^KT-개인_상품_소상공인_'+promMrktgName, '^KT-개인_상품_소상공인_'+promMrktgName+'^버튼_프로모션 배너_컨트롤 버튼_다음');
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
@ -1,18 +1,26 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko">
|
<html lang="ko">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>다중 채널 배포 설정 - KT AI 이벤트 자동 생성</title>
|
<title>다중 채널 배포 설정 - KT AI 이벤트 자동 생성</title>
|
||||||
|
|
||||||
<!-- Pretendard Font -->
|
<!-- Pretendard Font -->
|
||||||
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css" />
|
<link
|
||||||
|
rel="stylesheet"
|
||||||
|
as="style"
|
||||||
|
crossorigin
|
||||||
|
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"
|
||||||
|
/>
|
||||||
|
|
||||||
<!-- Material Icons -->
|
<!-- Material Icons -->
|
||||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
<link
|
||||||
|
href="https://fonts.googleapis.com/icon?family=Material+Icons"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
|
||||||
<!-- Common CSS -->
|
<!-- Common CSS -->
|
||||||
<link rel="stylesheet" href="common.css">
|
<link rel="stylesheet" href="common.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Top Bar -->
|
<!-- Top Bar -->
|
||||||
@ -21,13 +29,12 @@
|
|||||||
<span class="material-icons">arrow_back</span>
|
<span class="material-icons">arrow_back</span>
|
||||||
</button>
|
</button>
|
||||||
<h1 class="top-bar-title">배포 설정</h1>
|
<h1 class="top-bar-title">배포 설정</h1>
|
||||||
<div style="width: 44px;"></div>
|
<div style="width: 44px"></div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- Page Container -->
|
<!-- Page Container -->
|
||||||
<main class="page">
|
<main class="page">
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
<!-- Stepper -->
|
<!-- Stepper -->
|
||||||
<div class="stepper mb-xl">
|
<div class="stepper mb-xl">
|
||||||
<div class="step completed">
|
<div class="step completed">
|
||||||
@ -55,30 +62,189 @@
|
|||||||
<!-- Channel Selection Section -->
|
<!-- Channel Selection Section -->
|
||||||
<section class="mb-xl">
|
<section class="mb-xl">
|
||||||
<h2 class="h3 mb-m">배포 채널 선택</h2>
|
<h2 class="h3 mb-m">배포 채널 선택</h2>
|
||||||
<p class="body-m text-gray-700 mb-l">이벤트를 배포할 채널을 선택하세요 (복수 선택 가능)</p>
|
<p class="body-m text-gray-700 mb-l">
|
||||||
|
이벤트를 배포할 채널을 선택하세요 (복수 선택 가능)
|
||||||
|
</p>
|
||||||
|
|
||||||
<div class="flex flex-col gap-m">
|
<div class="flex flex-col gap-m">
|
||||||
|
<!-- 우리동네TV -->
|
||||||
|
<label class="checkbox card p-l" style="cursor: pointer">
|
||||||
|
<div class="flex items-center gap-m">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
id="channelUriDongneTV"
|
||||||
|
value="uridongnetv"
|
||||||
|
checked
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-center"
|
||||||
|
style="
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--color-primary-light);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="material-icons text-primary"
|
||||||
|
style="font-size: 24px"
|
||||||
|
>tv</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="flex-1">
|
||||||
|
<h3 class="body-l text-semibold mb-xs">우리동네TV</h3>
|
||||||
|
<p class="body-s text-gray-600">
|
||||||
|
지니 TV 기반 로컬 마케팅 플랫폼
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<!-- 링고비즈 -->
|
||||||
|
<label class="checkbox card p-l" style="cursor: pointer">
|
||||||
|
<div class="flex items-center gap-m">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
id="channelRingoBiz"
|
||||||
|
value="ringobiz"
|
||||||
|
checked
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-center"
|
||||||
|
style="
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--color-secondary-light);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="material-icons text-secondary"
|
||||||
|
style="font-size: 24px"
|
||||||
|
>phone_in_talk</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="flex-1">
|
||||||
|
<h3 class="body-l text-semibold mb-xs">링고비즈</h3>
|
||||||
|
<p class="body-s text-gray-600">
|
||||||
|
특별한 통화연결음으로 매장 홍보
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<!-- genie TV -->
|
||||||
|
<label class="checkbox card p-l" style="cursor: pointer">
|
||||||
|
<div class="flex items-center gap-m">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
id="channelGenieTV"
|
||||||
|
value="genietv"
|
||||||
|
checked
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-center"
|
||||||
|
style="
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--color-warning-light);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="material-icons text-warning"
|
||||||
|
style="font-size: 24px"
|
||||||
|
>live_tv</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="flex-1">
|
||||||
|
<h3 class="body-l text-semibold mb-xs">genie TV</h3>
|
||||||
|
<p class="body-s text-gray-600">
|
||||||
|
다양한 콘텐츠를 즐기는 미디어 포털
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<!-- 하이오더 -->
|
||||||
|
<label class="checkbox card p-l" style="cursor: pointer">
|
||||||
|
<div class="flex items-center gap-m">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
id="channelHighOrder"
|
||||||
|
value="highorder"
|
||||||
|
checked
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-center"
|
||||||
|
style="
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--color-success-light);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="material-icons text-success"
|
||||||
|
style="font-size: 24px"
|
||||||
|
>restaurant_menu</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="flex-1">
|
||||||
|
<h3 class="body-l text-semibold mb-xs">하이오더</h3>
|
||||||
|
<p class="body-s text-gray-600">
|
||||||
|
테이블에서 주문과 결제하는 서비스
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
|
||||||
<!-- SNS -->
|
<!-- SNS -->
|
||||||
<label class="checkbox card p-l" style="cursor: pointer;">
|
<label class="checkbox card p-l" style="cursor: pointer">
|
||||||
<div class="flex items-center gap-m">
|
<div class="flex items-center gap-m">
|
||||||
<input type="checkbox" id="channelSNS" value="sns" checked />
|
<input type="checkbox" id="channelSNS" value="sns" checked />
|
||||||
<div class="flex items-center justify-center" style="width: 48px; height: 48px; border-radius: 50%; background-color: var(--color-primary-light);">
|
<div
|
||||||
<span class="material-icons text-primary" style="font-size: 24px;">share</span>
|
class="flex items-center justify-center"
|
||||||
|
style="
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--color-primary-light);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="material-icons text-primary"
|
||||||
|
style="font-size: 24px"
|
||||||
|
>share</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<h3 class="body-l text-semibold mb-xs">SNS</h3>
|
<h3 class="body-l text-semibold mb-xs">SNS</h3>
|
||||||
<p class="body-s text-gray-600">Instagram, Facebook, 네이버 플레이스</p>
|
<p class="body-s text-gray-600">
|
||||||
|
Instagram, Facebook, 네이버 플레이스
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<!-- SMS -->
|
<!-- SMS -->
|
||||||
<label class="checkbox card p-l" style="cursor: pointer;">
|
<label class="checkbox card p-l" style="cursor: pointer">
|
||||||
<div class="flex items-center gap-m">
|
<div class="flex items-center gap-m">
|
||||||
<input type="checkbox" id="channelSMS" value="sms" checked />
|
<input type="checkbox" id="channelSMS" value="sms" checked />
|
||||||
<div class="flex items-center justify-center" style="width: 48px; height: 48px; border-radius: 50%; background-color: var(--color-secondary-light);">
|
<div
|
||||||
<span class="material-icons text-secondary" style="font-size: 24px;">sms</span>
|
class="flex items-center justify-center"
|
||||||
|
style="
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--color-secondary-light);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="material-icons text-secondary"
|
||||||
|
style="font-size: 24px"
|
||||||
|
>sms</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<h3 class="body-l text-semibold mb-xs">문자 메시지</h3>
|
<h3 class="body-l text-semibold mb-xs">문자 메시지</h3>
|
||||||
@ -88,11 +254,23 @@
|
|||||||
</label>
|
</label>
|
||||||
|
|
||||||
<!-- Email -->
|
<!-- Email -->
|
||||||
<label class="checkbox card p-l" style="cursor: pointer;">
|
<label class="checkbox card p-l" style="cursor: pointer">
|
||||||
<div class="flex items-center gap-m">
|
<div class="flex items-center gap-m">
|
||||||
<input type="checkbox" id="channelEmail" value="email" />
|
<input type="checkbox" id="channelEmail" value="email" />
|
||||||
<div class="flex items-center justify-center" style="width: 48px; height: 48px; border-radius: 50%; background-color: var(--color-success-light);">
|
<div
|
||||||
<span class="material-icons text-success" style="font-size: 24px;">email</span>
|
class="flex items-center justify-center"
|
||||||
|
style="
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--color-success-light);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="material-icons text-success"
|
||||||
|
style="font-size: 24px"
|
||||||
|
>email</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<h3 class="body-l text-semibold mb-xs">이메일</h3>
|
<h3 class="body-l text-semibold mb-xs">이메일</h3>
|
||||||
@ -102,11 +280,23 @@
|
|||||||
</label>
|
</label>
|
||||||
|
|
||||||
<!-- Offline -->
|
<!-- Offline -->
|
||||||
<label class="checkbox card p-l" style="cursor: pointer;">
|
<label class="checkbox card p-l" style="cursor: pointer">
|
||||||
<div class="flex items-center gap-m">
|
<div class="flex items-center gap-m">
|
||||||
<input type="checkbox" id="channelOffline" value="offline" />
|
<input type="checkbox" id="channelOffline" value="offline" />
|
||||||
<div class="flex items-center justify-center" style="width: 48px; height: 48px; border-radius: 50%; background-color: var(--color-warning-light);">
|
<div
|
||||||
<span class="material-icons text-warning" style="font-size: 24px;">print</span>
|
class="flex items-center justify-center"
|
||||||
|
style="
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--color-warning-light);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="material-icons text-warning"
|
||||||
|
style="font-size: 24px"
|
||||||
|
>print</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<h3 class="body-l text-semibold mb-xs">오프라인 인쇄물</h3>
|
<h3 class="body-l text-semibold mb-xs">오프라인 인쇄물</h3>
|
||||||
@ -114,7 +304,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@ -123,68 +312,123 @@
|
|||||||
<h2 class="h3 mb-m">배포 일정</h2>
|
<h2 class="h3 mb-m">배포 일정</h2>
|
||||||
|
|
||||||
<div class="flex flex-col gap-m">
|
<div class="flex flex-col gap-m">
|
||||||
|
|
||||||
<!-- Immediate -->
|
<!-- Immediate -->
|
||||||
<label class="radio card p-l" style="cursor: pointer;">
|
<label class="radio card p-l" style="cursor: pointer">
|
||||||
<div class="flex items-center gap-m">
|
<div class="flex items-center gap-m">
|
||||||
<input type="radio" name="schedule" id="scheduleImmediate" value="immediate" checked />
|
<input
|
||||||
<div class="flex items-center justify-center" style="width: 48px; height: 48px; border-radius: 50%; background-color: var(--color-primary-light);">
|
type="radio"
|
||||||
<span class="material-icons text-primary" style="font-size: 24px;">bolt</span>
|
name="schedule"
|
||||||
|
id="scheduleImmediate"
|
||||||
|
value="immediate"
|
||||||
|
checked
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-center"
|
||||||
|
style="
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--color-primary-light);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="material-icons text-primary"
|
||||||
|
style="font-size: 24px"
|
||||||
|
>bolt</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<h3 class="body-l text-semibold mb-xs">즉시 배포</h3>
|
<h3 class="body-l text-semibold mb-xs">즉시 배포</h3>
|
||||||
<p class="body-s text-gray-600">선택한 채널에 바로 배포합니다</p>
|
<p class="body-s text-gray-600">
|
||||||
|
선택한 채널에 바로 배포합니다
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<!-- Scheduled -->
|
<!-- Scheduled -->
|
||||||
<label class="radio card p-l" style="cursor: pointer;">
|
<label class="radio card p-l" style="cursor: pointer">
|
||||||
<div class="flex items-center gap-m">
|
<div class="flex items-center gap-m">
|
||||||
<input type="radio" name="schedule" id="scheduleReserved" value="reserved" />
|
<input
|
||||||
<div class="flex items-center justify-center" style="width: 48px; height: 48px; border-radius: 50%; background-color: var(--color-secondary-light);">
|
type="radio"
|
||||||
<span class="material-icons text-secondary" style="font-size: 24px;">schedule</span>
|
name="schedule"
|
||||||
|
id="scheduleReserved"
|
||||||
|
value="reserved"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-center"
|
||||||
|
style="
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: var(--color-secondary-light);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="material-icons text-secondary"
|
||||||
|
style="font-size: 24px"
|
||||||
|
>schedule</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<h3 class="body-l text-semibold mb-xs">예약 배포</h3>
|
<h3 class="body-l text-semibold mb-xs">예약 배포</h3>
|
||||||
<p class="body-s text-gray-600">원하는 날짜와 시간에 배포합니다</p>
|
<p class="body-s text-gray-600">
|
||||||
|
원하는 날짜와 시간에 배포합니다
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<!-- Date/Time Picker (hidden by default) -->
|
<!-- Date/Time Picker (hidden by default) -->
|
||||||
<div id="dateTimeSection" class="card p-l" style="display: none; border-color: var(--color-secondary);">
|
<div
|
||||||
|
id="dateTimeSection"
|
||||||
|
class="card p-l"
|
||||||
|
style="display: none; border-color: var(--color-secondary)"
|
||||||
|
>
|
||||||
<div class="flex flex-col gap-m">
|
<div class="flex flex-col gap-m">
|
||||||
<div class="input-group" style="margin-bottom: 0;">
|
<div class="input-group" style="margin-bottom: 0">
|
||||||
<label for="scheduleDate">배포 날짜</label>
|
<label for="scheduleDate">배포 날짜</label>
|
||||||
<input type="date" id="scheduleDate" class="input" />
|
<input type="date" id="scheduleDate" class="input" />
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group" style="margin-bottom: 0;">
|
<div class="input-group" style="margin-bottom: 0">
|
||||||
<label for="scheduleTime">배포 시간</label>
|
<label for="scheduleTime">배포 시간</label>
|
||||||
<input type="time" id="scheduleTime" class="input" value="12:00" />
|
<input
|
||||||
|
type="time"
|
||||||
|
id="scheduleTime"
|
||||||
|
class="input"
|
||||||
|
value="12:00"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Summary -->
|
<!-- Summary -->
|
||||||
<section class="mb-xl">
|
<section class="mb-xl">
|
||||||
<div class="card bg-gray-100" style="border: none;">
|
<div class="card bg-gray-100" style="border: none">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<h3 class="body-l text-semibold mb-m">배포 요약</h3>
|
<h3 class="body-l text-semibold mb-m">배포 요약</h3>
|
||||||
<div class="flex flex-col gap-s body-m text-gray-700">
|
<div class="flex flex-col gap-s body-m text-gray-700">
|
||||||
<div class="flex items-center gap-xs">
|
<div class="flex items-center gap-xs">
|
||||||
<span class="material-icons" style="font-size: 18px;">check_circle</span>
|
<span class="material-icons" style="font-size: 18px"
|
||||||
<span id="summaryChannels">SNS, 문자 메시지 (2개 채널)</span>
|
>check_circle</span
|
||||||
|
>
|
||||||
|
<span id="summaryChannels"
|
||||||
|
>우리동네TV, 링고비즈, genie TV, 하이오더, SNS, 문자 메시지
|
||||||
|
(6개 채널)</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center gap-xs">
|
<div class="flex items-center gap-xs">
|
||||||
<span class="material-icons" style="font-size: 18px;">schedule</span>
|
<span class="material-icons" style="font-size: 18px"
|
||||||
|
>schedule</span
|
||||||
|
>
|
||||||
<span id="summarySchedule">즉시 배포</span>
|
<span id="summarySchedule">즉시 배포</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center gap-xs">
|
<div class="flex items-center gap-xs">
|
||||||
<span class="material-icons" style="font-size: 18px;">image</span>
|
<span class="material-icons" style="font-size: 18px"
|
||||||
|
>image</span
|
||||||
|
>
|
||||||
<span id="summaryImages">선택된 이미지 1개</span>
|
<span id="summaryImages">선택된 이미지 1개</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -194,12 +438,15 @@
|
|||||||
|
|
||||||
<!-- Deploy Button -->
|
<!-- Deploy Button -->
|
||||||
<section>
|
<section>
|
||||||
<button id="deployButton" class="btn btn-primary btn-full" onclick="startDeployment()">
|
<button
|
||||||
|
id="deployButton"
|
||||||
|
class="btn btn-primary btn-full"
|
||||||
|
onclick="startDeployment()"
|
||||||
|
>
|
||||||
<span class="material-icons mr-xs">rocket_launch</span>
|
<span class="material-icons mr-xs">rocket_launch</span>
|
||||||
배포 시작
|
배포 시작
|
||||||
</button>
|
</button>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bottom Navigation -->
|
<!-- Bottom Navigation -->
|
||||||
@ -229,23 +476,26 @@
|
|||||||
<!-- Page Specific JavaScript -->
|
<!-- Page Specific JavaScript -->
|
||||||
<script>
|
<script>
|
||||||
// 채널 체크박스 변경 시 요약 업데이트
|
// 채널 체크박스 변경 시 요약 업데이트
|
||||||
document.querySelectorAll('input[type="checkbox"]').forEach(checkbox => {
|
document
|
||||||
checkbox.addEventListener('change', updateSummary);
|
.querySelectorAll('input[type="checkbox"]')
|
||||||
|
.forEach((checkbox) => {
|
||||||
|
checkbox.addEventListener("change", updateSummary);
|
||||||
});
|
});
|
||||||
|
|
||||||
// 일정 라디오 변경 시 날짜/시간 섹션 표시
|
// 일정 라디오 변경 시 날짜/시간 섹션 표시
|
||||||
document.querySelectorAll('input[name="schedule"]').forEach(radio => {
|
document.querySelectorAll('input[name="schedule"]').forEach((radio) => {
|
||||||
radio.addEventListener('change', (e) => {
|
radio.addEventListener("change", (e) => {
|
||||||
const dateTimeSection = document.getElementById('dateTimeSection');
|
const dateTimeSection = document.getElementById("dateTimeSection");
|
||||||
if (e.target.value === 'reserved') {
|
if (e.target.value === "reserved") {
|
||||||
dateTimeSection.style.display = 'block';
|
dateTimeSection.style.display = "block";
|
||||||
|
|
||||||
// 기본 날짜 설정 (내일)
|
// 기본 날짜 설정 (내일)
|
||||||
const tomorrow = new Date();
|
const tomorrow = new Date();
|
||||||
tomorrow.setDate(tomorrow.getDate() + 1);
|
tomorrow.setDate(tomorrow.getDate() + 1);
|
||||||
document.getElementById('scheduleDate').value = Utils.formatDateISO(tomorrow);
|
document.getElementById("scheduleDate").value =
|
||||||
|
Utils.formatDateISO(tomorrow);
|
||||||
} else {
|
} else {
|
||||||
dateTimeSection.style.display = 'none';
|
dateTimeSection.style.display = "none";
|
||||||
}
|
}
|
||||||
updateSummary();
|
updateSummary();
|
||||||
});
|
});
|
||||||
@ -256,64 +506,80 @@
|
|||||||
// 선택된 채널
|
// 선택된 채널
|
||||||
const channels = [];
|
const channels = [];
|
||||||
const channelLabels = {
|
const channelLabels = {
|
||||||
'sns': 'SNS',
|
uridongnetv: "우리동네TV",
|
||||||
'sms': '문자 메시지',
|
ringobiz: "링고비즈",
|
||||||
'email': '이메일',
|
genietv: "genie TV",
|
||||||
'offline': '오프라인 인쇄물'
|
highorder: "하이오더",
|
||||||
|
sns: "SNS",
|
||||||
|
sms: "문자 메시지",
|
||||||
|
email: "이메일",
|
||||||
|
offline: "오프라인 인쇄물",
|
||||||
};
|
};
|
||||||
|
|
||||||
document.querySelectorAll('input[type="checkbox"]:checked').forEach(checkbox => {
|
document
|
||||||
|
.querySelectorAll('input[type="checkbox"]:checked')
|
||||||
|
.forEach((checkbox) => {
|
||||||
channels.push(channelLabels[checkbox.value]);
|
channels.push(channelLabels[checkbox.value]);
|
||||||
});
|
});
|
||||||
|
|
||||||
document.getElementById('summaryChannels').textContent =
|
document.getElementById("summaryChannels").textContent =
|
||||||
channels.length > 0 ? `${channels.join(', ')} (${channels.length}개 채널)` : '선택된 채널 없음';
|
channels.length > 0
|
||||||
|
? `${channels.join(", ")} (${channels.length}개 채널)`
|
||||||
|
: "선택된 채널 없음";
|
||||||
|
|
||||||
// 선택된 일정
|
// 선택된 일정
|
||||||
const scheduleType = document.querySelector('input[name="schedule"]:checked').value;
|
const scheduleType = document.querySelector(
|
||||||
let scheduleText = '즉시 배포';
|
'input[name="schedule"]:checked'
|
||||||
|
).value;
|
||||||
|
let scheduleText = "즉시 배포";
|
||||||
|
|
||||||
if (scheduleType === 'reserved') {
|
if (scheduleType === "reserved") {
|
||||||
const date = document.getElementById('scheduleDate').value;
|
const date = document.getElementById("scheduleDate").value;
|
||||||
const time = document.getElementById('scheduleTime').value;
|
const time = document.getElementById("scheduleTime").value;
|
||||||
if (date) {
|
if (date) {
|
||||||
const dateObj = new Date(date);
|
const dateObj = new Date(date);
|
||||||
scheduleText = `${Utils.formatDate(dateObj)} ${time}`;
|
scheduleText = `${Utils.formatDate(dateObj)} ${time}`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
document.getElementById('summarySchedule').textContent = scheduleText;
|
document.getElementById("summarySchedule").textContent = scheduleText;
|
||||||
|
|
||||||
// 선택된 이미지 개수
|
// 선택된 이미지 개수
|
||||||
const selectedImages = AppState.load('selectedImages') || [1];
|
const selectedImages = AppState.load("selectedImages") || [1];
|
||||||
document.getElementById('summaryImages').textContent = `선택된 이미지 ${selectedImages.length}개`;
|
document.getElementById(
|
||||||
|
"summaryImages"
|
||||||
|
).textContent = `선택된 이미지 ${selectedImages.length}개`;
|
||||||
|
|
||||||
// 배포 버튼 활성화/비활성화
|
// 배포 버튼 활성화/비활성화
|
||||||
const deployButton = document.getElementById('deployButton');
|
const deployButton = document.getElementById("deployButton");
|
||||||
deployButton.disabled = channels.length === 0;
|
deployButton.disabled = channels.length === 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 배포 시작
|
// 배포 시작
|
||||||
function startDeployment() {
|
function startDeployment() {
|
||||||
const channels = [];
|
const channels = [];
|
||||||
document.querySelectorAll('input[type="checkbox"]:checked').forEach(checkbox => {
|
document
|
||||||
|
.querySelectorAll('input[type="checkbox"]:checked')
|
||||||
|
.forEach((checkbox) => {
|
||||||
channels.push(checkbox.value);
|
channels.push(checkbox.value);
|
||||||
});
|
});
|
||||||
|
|
||||||
if (channels.length === 0) {
|
if (channels.length === 0) {
|
||||||
UIManager.showToast('배포 채널을 선택해주세요.', 'warning');
|
UIManager.showToast("배포 채널을 선택해주세요.", "warning");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const scheduleType = document.querySelector('input[name="schedule"]:checked').value;
|
const scheduleType = document.querySelector(
|
||||||
let scheduleInfo = '즉시 배포';
|
'input[name="schedule"]:checked'
|
||||||
|
).value;
|
||||||
|
let scheduleInfo = "즉시 배포";
|
||||||
|
|
||||||
if (scheduleType === 'reserved') {
|
if (scheduleType === "reserved") {
|
||||||
const date = document.getElementById('scheduleDate').value;
|
const date = document.getElementById("scheduleDate").value;
|
||||||
const time = document.getElementById('scheduleTime').value;
|
const time = document.getElementById("scheduleTime").value;
|
||||||
|
|
||||||
if (!date) {
|
if (!date) {
|
||||||
UIManager.showToast('배포 날짜를 선택해주세요.', 'error');
|
UIManager.showToast("배포 날짜를 선택해주세요.", "error");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -322,7 +588,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
UIManager.showModal({
|
UIManager.showModal({
|
||||||
title: '이벤트 배포 확인',
|
title: "이벤트 배포 확인",
|
||||||
body: `
|
body: `
|
||||||
<p class="body-m text-gray-900 mb-m">
|
<p class="body-m text-gray-900 mb-m">
|
||||||
이벤트를 배포하시겠습니까?
|
이벤트를 배포하시겠습니까?
|
||||||
@ -332,7 +598,9 @@
|
|||||||
<div class="flex flex-col gap-s body-m text-gray-900">
|
<div class="flex flex-col gap-s body-m text-gray-900">
|
||||||
<div><strong>채널:</strong> ${channels.length}개</div>
|
<div><strong>채널:</strong> ${channels.length}개</div>
|
||||||
<div><strong>일정:</strong> ${scheduleInfo}</div>
|
<div><strong>일정:</strong> ${scheduleInfo}</div>
|
||||||
<div><strong>이미지:</strong> ${(AppState.load('selectedImages') || [1]).length}개</div>
|
<div><strong>이미지:</strong> ${
|
||||||
|
(AppState.load("selectedImages") || [1]).length
|
||||||
|
}개</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -340,17 +608,17 @@
|
|||||||
배포 후에는 실시간 대시보드에서 성과를 확인할 수 있습니다.
|
배포 후에는 실시간 대시보드에서 성과를 확인할 수 있습니다.
|
||||||
</p>
|
</p>
|
||||||
`,
|
`,
|
||||||
confirmText: '배포 시작',
|
confirmText: "배포 시작",
|
||||||
cancelText: '취소',
|
cancelText: "취소",
|
||||||
onConfirm: () => {
|
onConfirm: () => {
|
||||||
proceedDeployment(channels, scheduleType, scheduleInfo);
|
proceedDeployment(channels, scheduleType, scheduleInfo);
|
||||||
}
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// 배포 진행
|
// 배포 진행
|
||||||
function proceedDeployment(channels, scheduleType, scheduleInfo) {
|
function proceedDeployment(channels, scheduleType, scheduleInfo) {
|
||||||
UIManager.showLoading('이벤트를 배포하고 있습니다...');
|
UIManager.showLoading("이벤트를 배포하고 있습니다...");
|
||||||
|
|
||||||
// Progress 업데이트
|
// Progress 업데이트
|
||||||
let progress = 0;
|
let progress = 0;
|
||||||
@ -362,18 +630,18 @@
|
|||||||
clearInterval(progressInterval);
|
clearInterval(progressInterval);
|
||||||
|
|
||||||
// 배포 데이터 저장
|
// 배포 데이터 저장
|
||||||
AppState.save('deployedEvent', {
|
AppState.save("deployedEvent", {
|
||||||
channels: channels,
|
channels: channels,
|
||||||
scheduleType: scheduleType,
|
scheduleType: scheduleType,
|
||||||
scheduleInfo: scheduleInfo,
|
scheduleInfo: scheduleInfo,
|
||||||
deployedAt: new Date().toISOString()
|
deployedAt: new Date().toISOString(),
|
||||||
});
|
});
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
UIManager.hideLoading();
|
UIManager.hideLoading();
|
||||||
|
|
||||||
UIManager.showModal({
|
UIManager.showModal({
|
||||||
title: '배포 완료!',
|
title: "배포 완료!",
|
||||||
body: `
|
body: `
|
||||||
<div class="text-center mb-m">
|
<div class="text-center mb-m">
|
||||||
<span class="material-icons text-success" style="font-size: 64px;">check_circle</span>
|
<span class="material-icons text-success" style="font-size: 64px;">check_circle</span>
|
||||||
@ -389,11 +657,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
`,
|
`,
|
||||||
confirmText: '대시보드 보기',
|
confirmText: "대시보드 보기",
|
||||||
cancelText: '닫기',
|
cancelText: "닫기",
|
||||||
onConfirm: () => {
|
onConfirm: () => {
|
||||||
NavManager.navigate('21', '실시간대시보드');
|
NavManager.navigate("21", "실시간대시보드");
|
||||||
}
|
},
|
||||||
});
|
});
|
||||||
}, 500);
|
}, 500);
|
||||||
}
|
}
|
||||||
@ -401,9 +669,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 페이지 초기화
|
// 페이지 초기화
|
||||||
document.addEventListener('DOMContentLoaded', () => {
|
document.addEventListener("DOMContentLoaded", () => {
|
||||||
// Bottom Navigation 초기화
|
// Bottom Navigation 초기화
|
||||||
NavManager.initBottomNav('event');
|
NavManager.initBottomNav("event");
|
||||||
|
|
||||||
// 초기 요약 업데이트
|
// 초기 요약 업데이트
|
||||||
updateSummary();
|
updateSummary();
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user