Commit @03d51d6e1def375533b7b09cd891bbf24cc18f0a

정수빈 2025-12-23

브랜드메시지 문구들 변경

@03d51d6e1def375533b7b09cd891bbf24cc18f0a

840e171

03d51d6

src/main/webapp/WEB-INF/jsp/web/custom/MsgCustomPopupAjax.jsp

--- src/main/webapp/WEB-INF/jsp/web/custom/MsgCustomPopupAjax.jsp

+++ src/main/webapp/WEB-INF/jsp/web/custom/MsgCustomPopupAjax.jsp


 								<div class="custom_put1_txt">
 									<p><span class="vMiddle">*</span> <span class="c_e40000">캘리그래피체는 수정이 불가</span>합니다.</p>
 									<p><span class="vMiddle">*</span> <span class="c_e40000">제작형태와 요청사항이 상이</span>한 경우 <span class="c_e40000">추가로 비용이 발생</span>할 수 있습니다.</p>
-									<p><span class="vMiddle">*</span> <span class="c_e40000">제작된 이미지는 <span class="c_e40000">알림톡 및 친구톡</span> 발송에는 사용할 수 없습니다.</p>
+									<p><span class="vMiddle">*</span> <span class="c_e40000">제작된 이미지는 <span class="c_e40000">알림톡 및 브랜드메시지</span> 발송에는 사용할 수 없습니다.</p>
 								</div>
 								</td>
 							</tr>

840e171

03d51d6

src/main/webapp/WEB-INF/jsp/web/kakao/intrd/KakaotalkIntro.jsp

--- src/main/webapp/WEB-INF/jsp/web/kakao/intrd/KakaotalkIntro.jsp

+++ src/main/webapp/WEB-INF/jsp/web/kakao/intrd/KakaotalkIntro.jsp

...	...	@@ -26,7 +26,7 @@
26	26
27	27	<ul class="tabType1">
28	28	<li class="tab active"><button type="button" onclick="contentTab(this,'1');">알림톡</button></li>
29		- <li class="tab"><button type="button" onclick="contentTab(this,'2');">친구톡</button></li>
	29	+ <li class="tab"><button type="button" onclick="contentTab(this,'2');">브랜드메시지</button></li>
30	30	</ul>
31	31
32	32	<!-- 알림톡 소개 -->
...	...	@@ -304,11 +304,11 @@
304	304	</div>
305	305	<!-- // 알림톡 소개 -->
306	306
307		- <!-- 친구톡 소개 -->
	307	+ <!-- 브랜드메시지 소개 -->
308	308	<div class="tab_content friendtalk" id="tab_content_2">
309	309	<div class="kakao_intro">
310	310	<div class="title">
311		- <h3>친구톡이란?</h3>
	311	+ <h3>브랜드메시지란?</h3>
312	312	</div>
313	313
314	314	<div class="title-line">
...	...	@@ -321,42 +321,44 @@
321	321	<div class="intro">
322	322	<img class="phone" src="/publish/images/kakao_intro_cont/phone_friendtalk.png" alt="핸드폰">
323	323
324		- <ul class="list">
	324	+ <ul class="list" style="width:57%;">
325	325	<li>
326		- <img src="/publish/images/kakao_intro_cont/text_friendtalk.png" alt="카카오톡 전용 기업 메시지 서비스 “알림톡”">
	326	+ <img src="/publish/images/kakao_intro_cont/text_brandmsg.png" alt="카카오톡 전용 기업 메시지 서비스 “알림톡”">
327	327	</li>
328	328	<li>
329		- <p>1</p>
330		- <p><span>광고성 메시지</span> 발송 가능(광고 표기 및 수신거부 안내 포함)</p>
331		- </li>
332		- <li>
333		- <p>2</p>
334		- <p>채널 친구 추가된 사용자라면 <span>누구에게나</span> 발송 가능</p>
335		- </li>
336		- <li>
337		- <p>3</p>
338		- <p><span>1,000자 이내</span> 텍스트 및 <span>이미지</span> 전송 가능</p>
339		- </li>
340		- <li>
341		- <p>4</p>
342		- <p><span>맞춤형 메시지 및 쿠폰, 링크</span> 버튼 제공 가능</p>
343		- </li>
344		- <li>
345		- <p>5</p>
346		- <p>문자 메시지 대비 <span>저렴한</span> 단가</p>
347		- </li>
348		- <li>
349		- <p>6</p>
350		- <p>발송실패 시 <span>대체문자 발송</span> 기능 지원</p>
351		- </li>
352		- <li>
353		- <p>7</p>
354		- <p>클릭률/도달률 분석을 통한 <span>마케팅 효율 강화</span></p>
355		- </li>
356		- <li>
357		- <p>8</p>
358		- <p>브랜드 친화적인 <span>이미지 커스터마이징</span> 가능</p>
359		- </li>
	329	+ <p>1</p>
	330	+ <p><span>광고성 메시지</span> 발송 가능(광고 표기 및 수신거부 안내 포함)</p>
	331	+ </li>
	332	+ <li>
	333	+ <p>2</p>
	334	+ <p>채널 친구 추가된 사용자라면 <span>누구에게나</span> 발송 가능<strong>(타깃 설정 미지원)</strong></p>
	335	+ </li>
	336	+ <li>
	337	+ <p>3</p>
	338	+ <p>
	339	+ <span>1,000자 이내</span> 텍스트 및 <span>이미지</span> 전송 가능
	340	+ </p>
	341	+ </li>
	342	+ <li>
	343	+ <p>4</p>
	344	+ <p><span>맞춤형 메시지 및 쿠폰, 링크</span> 버튼 제공 가능</p>
	345	+ </li>
	346	+ <li>
	347	+ <p>5</p>
	348	+ <p>문자 메시지 대비 <span>저렴한</span> 단가</p>
	349	+ </li>
	350	+ <li>
	351	+ <p>6</p>
	352	+ <p>발송실패 시 <span>대체문자 발송</span> 기능 지원</p>
	353	+ </li>
	354	+ <li>
	355	+ <p>7</p>
	356	+ <p>클릭률/도달률 분석을 통한 <span>마케팅 효율 강화</span></p>
	357	+ </li>
	358	+ <li>
	359	+ <p>8</p>
	360	+ <p>브랜드 친화적인 <span>이미지 커스터마이징</span> 가능</p>
	361	+ </li>
360	362	</ul>
361	363	</div>
362	364
...	...	@@ -364,7 +366,7 @@
364	366	<div class="fight">
365	367	<div class="line"></div>
366	368	<div class="fight-title">
367		- <h4>알림톡 <span>VS</span> 친구톡</h4>
	369	+ <h4>알림톡 <span>VS</span> 브랜드메시지</h4>
368	370	<div class="circle"></div>
369	371	</div>
370	372
...	...	@@ -400,17 +402,17 @@
400	402	</div>
401	403
402	404	<div class="vs friendtalk_vs">
403		- <div class="title">친구톡</div>
	405	+ <div class="title">브랜드메시지</div>
404	406	<div class="box">
405	407	<ul>
406		- <li>채널 친구</li>
407		- <li>광고 및 마케팅성<span>(예 : 이벤트, 쿠폰 등)</span></li>
408		- <li>텍스트, 기본이미지, 와이드 이미지형 등</li>
409		- <li>최대 5개</li>
410		- <li>별도 승인 없음 <span>야간 발송 제한(20:50 ~ 익일 08:00)</span></li>
411		- <li>13.8원 ~ 22.9원</li>
412		- <li>1,000자</li>
413		- <li>가능</li>
	408	+ <li>채널 친구<span>(타깃 설정 미지원)</span></li>
	409	+ <li>광고 및 마케팅성<span>(예 : 이벤트, 쿠폰 등)</span></li>
	410	+ <li>텍스트, 기본이미지, 와이드 이미지형 등</li>
	411	+ <li>최대 5개</li>
	412	+ <li>별도 승인 없음 <span>야간 발송 제한(20:50 ~ 익일 08:00)</span></li>
	413	+ <li>20원</li>
	414	+ <li>1,000자</li>
	415	+ <li>가능</li>
414	416	</ul>
415	417	</div>
416	418	</div>
...	...	@@ -422,7 +424,7 @@
422	424	<!-- 친구톡 유형 -->
423	425	<div class="use">
424	426	<div class="title">
425		- <h3>친구톡 유형</h3>
	427	+ <h3>브랜드메시지 유형</h3>
426	428	</div>
427	429
428	430	<div class="title-line">
...	...	@@ -476,14 +478,14 @@
476	478	<li class="guide_03">
477	479	<div class="title">STEP <span>03</span></div>
478	480	<i></i>
479		- <p class="guide_title">친구톡 전송</p>
480		- <span class="guide_info">친구톡은 별도의 템플릿 심사 절차 없이, 즉시 발송 가능합니다.</span>
	481	+ <p class="guide_title">브랜드메시지 전송</p>
	482	+ <span class="guide_info">브랜드메시지는 별도의 템플릿 심사 절차 없이, 즉시 발송 가능합니다.</span>
481	483	</li>
482	484	</ul>
483	485
484	486	<!--이용가이드 버튼-->
485	487	<div class="guide">
486		- <a href="https://kakaobusiness.gitbook.io/main/ad/brandmessage" target="_blank">친구톡 이용가이드 보기 <img src="/publish/images/kakao_intro_cont/guide_arrow.png" alt="알림톡 이용가이드 화살표"></a>
	488	+ <a href="https://kakaobusiness.gitbook.io/main/ad/brandmessage" target="_blank">브랜드메시지 이용가이드 보기 <img src="/publish/images/kakao_intro_cont/guide_arrow.png" alt="알림톡 이용가이드 화살표"></a>
487	489	</div>
488	490	</div>
489	491
...	...	@@ -493,15 +495,14 @@
493	495	<p><span><img src="/publish/images/kakao_intro_cont/note_icon.png" alt="유의사항 아이콘"></span>유의사항</p>
494	496	</div>
495	497	<ul>
496		- <li>- (광고) 표기 여부는 선택 가능하나 , (광고)표기 해제에 따른 법령상 의무사항을 미 준수시에는 메시지 발송이 중단될 수 있습니다.</li>
497		- <li>- 광고성 친구톡 메시지에는 “(광고) 표시 및 수신거부 방식”이 표시되며, 대체 문자의 경우에는 “(광고) 문구 및 080 무료수신거부 번호”가 자동으로 포함됩니다.</li>
498		- <li><b>- 광고성 메시지의 발송 가능 시간은 08:00 ~ 20:50(한국시간) 입니다.</b></li>
499		- <li>- 친구톡 발송 실패에 따른 대체문자 발송 시 문자요금(단문, 장문, 그림)이 보유 캐시에서 차감됩니다.</li>
500		- <li>- 카카오정책 및 심의기준을 반드시 준수하여야 합니다.</li>
	498	+ <li>- 브랜드메시지에는 "(광고) 문구 및 수신거부 방식"이 자동으로 표시되며, 대체 문자 발송 시에는 “(광고) 문구 및 080 무료수신거부 번호”가 자동으로 적용됩니다.</li>
	499	+ <li><b>- 광고성 메시지의 발송 가능 시간은 08:00 ~ 20:50(한국시간) 입니다.</b></li>
	500	+ <li>- 브랜드메시지 발송 실패에 따른 대체문자 발송 시 문자요금(단문, 장문, 그림)이 보유 캐시에서 차감됩니다.</li>
	501	+ <li>- 카카오정책 및 심의기준을 반드시 준수하여야 합니다.</li>
501	502	</ul>
502	503	</div>
503	504	</div>
504		- <!-- // 친구톡 소개 -->
	505	+ <!-- // 브랜드메시지 소개 -->
505	506
506	507	</div>
507	508	</div>

840e171

03d51d6

src/main/webapp/WEB-INF/jsp/web/kakao/msgdata/ft/KakaoFriendsTalkMsgDataView.jsp

--- src/main/webapp/WEB-INF/jsp/web/kakao/msgdata/ft/KakaoFriendsTalkMsgDataView.jsp

+++ src/main/webapp/WEB-INF/jsp/web/kakao/msgdata/ft/KakaoFriendsTalkMsgDataView.jsp


 
 
 </script>
+<div class="mask on"></div>
+
+<!-- 친구톡 서비스 중단 -->
+<div class="tooltip-wrap ">
+       <div class="popup-com service_stop_popup alert_layer_popup" tabindex="0" data-tooltip-con="alert_layer_popup" data-focus="alert_layer_popup" data-focus-prev="alert_layer_popup-close" style="display:block;width:490px;opacity:1;">
+        <div class="popup_heading">
+            <p>알림</p>
+            <button type="button" class="tooltip-close" onclick="location.href='/web/main/mainPage.do'"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+        </div>
+        <div class="layer_in">
+            <p>친구톡 서비스는 종료되었으며,<br />2026년 1월부터 <b>'브랜드메시지'</b>로 전환될 예정입니다.</p>
+            <div class="popup_btn">
+            	<button type="button" class="btn fill blue" onclick="location.href='/web/main/mainPage.do'">메인화면 바로가기</button>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- //친구톡 서비스 중단 -->
 
 <!-- 로딩바 -->
 <div class="loading_layer">

 									<th>이미지 첨부</th>
 									<td>
 										<input type="radio" name="img_file_add" id="img_file_0" value="" checked="checked">
-										<label for="img_file_0">첨부 안함</label>
+										<label for="img_file_0">텍스트</label>
 										<input type="radio" name="img_file_add" id="img_file_1" value="I">
-										<label for="img_file_1">이미지 첨부</label>
+										<label for="img_file_1">이미지</label>
 										<input type="radio" name="img_file_add" id="img_file_2" value="W">
-										<label for="img_file_2">와이드 이미지 첨부</label>
+										<label for="img_file_2">와이드</label>
 										
 										<div class="img_file_add_wrap basic_img_add_wrap">
 											<p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>

840e171

03d51d6

src/main/webapp/WEB-INF/jsp/web/kakao/profile/KakaoProfileList.jsp

--- src/main/webapp/WEB-INF/jsp/web/kakao/profile/KakaoProfileList.jsp

+++ src/main/webapp/WEB-INF/jsp/web/kakao/profile/KakaoProfileList.jsp

...	...	@@ -461,7 +461,7 @@
461	461	<div class="titBox">
462	462	<p>- 카카오톡 채널(https://center-pf.kakao.com)에서 가입 후, 카카오톡 채널(채널ID) 등록바랍니다.</p>
463	463	<p>- 카카오톡 채널 관리자센터- [서비스관리] – 프로필명 클릭 – [관리]메뉴-카카오톡 채널 홈에서 홈 공개 및 검색허용을 하셔야 등록가능합니다.</p>
464		- <p>- 카카오 알림톡/친구톡은 기업고객 전용 서비스입니다.</p>
	464	+ <p>- 카카오 알림톡/브랜드메시지는 기업고객 전용 서비스입니다.</p>
465	465	</div>
466	466	<div class="list_info">
467	467	<div class="btn_wrap">

840e171

03d51d6

src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentView.jsp

--- src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentView.jsp

+++ src/main/webapp/WEB-INF/jsp/web/kakao/sent/KakaoSentView.jsp

...	...	@@ -510,6 +510,7 @@
510	510	<div class="titBox_result">
511	511	<p>- 최대 3개월간의 발송내역만 확인하실 수 있습니다.</p>
512	512	<p>- 전송내역이 필요한 경우 기간 내에 다운로드하여 주시기 바랍니다.</p>
	513	+ <p>- 기존 카카오 친구톡 서비스는 브랜드메시지로 변경되었습니다.</p>
513	514	</div>
514	515	<!--// 발송결과 개선 : 문구추가 -->
515	516
...	...	@@ -645,7 +646,7 @@
645	646	<ul class="list_tab">
646	647	<li class="tab active"><button type="button" onclick="fnTabLoad('',0); return false;">전체</button></li>
647	648	<li class="tab"><button type="button" onclick="fnTabLoad('at', 1); return false;">알림톡</button></li>
648		- <li class="tab"><button type="button" onclick="fnTabLoad('ft', 2); return false;">친구톡</button></li>
	649	+ <li class="tab"><button type="button" onclick="fnTabLoad('ft', 2); return false;">브랜드메시지</button></li>
649	650	</ul><!--// tab button -->
650	651	</div>
651	652	<!-- 예약관리 > 전체 -->

840e171

03d51d6

src/main/webapp/WEB-INF/jsp/web/pay/PayGuide.jsp

--- src/main/webapp/WEB-INF/jsp/web/pay/PayGuide.jsp

+++ src/main/webapp/WEB-INF/jsp/web/pay/PayGuide.jsp

...	...	@@ -545,7 +545,7 @@
545	545	</table>
546	546	<span class="reqTxt4">* 텍스트 용량(Byte)에 대한 안내 : 한글2Byte, 영문·숫자 1Byte를 차지.</span>
547	547
548		- <p class="tType1_title"><img src="/publish/images/content/icon_fee2.png" alt="알림톡 아이콘 이미지"> 친구톡</p>
	548	+ <%-- <p class="tType1_title"><img src="/publish/images/content/icon_fee2.png" alt="알림톡 아이콘 이미지"> 친구톡</p>
549	549	<table class="tType2">
550	550	<colgroup>
551	551	<col style="width: 20%;">
...	...	@@ -574,7 +574,31 @@
574	574	<td><span>22.9</span>원</td>
575	575	</tr>
576	576	</tbody>
577		- </table>
	577	+ </table> --%>
	578	+
	579	+ <p class="tType1_title"><img src="/publish/images/content/icon_fee2.png" alt="알림톡 아이콘 이미지"> 브랜드메시지</p>
	580	+ <table class="tType2">
	581	+ <colgroup>
	582	+ <col style="width: 20%;">
	583	+ <col style="width: 60%;">
	584	+ <col style="width: 20%;">
	585	+ </colgroup>
	586	+ <thead>
	587	+ <tr>
	588	+ <th>구분</th>
	589	+ <th>특징</th>
	590	+ <th>가격</th>
	591	+ </tr>
	592	+ </thead>
	593	+ <tbody>
	594	+ <tr>
	595	+ <th>브랜드메시지</th>
	596	+ <td>카카오톡을 통해 채널 친구 대상으로 발송이 가능한 광고성 메시지<br />(1,000자 이하의 텍스트 및 이미지 발송 가능)</td>
	597	+ <td>20원</td>
	598	+ </tr>
	599	+ </tbody>
	600	+ </table>
	601	+ <span class="reqTxt4">* 텍스트 용량(Byte)에 대한 안내 : 한글2Byte, 영문·숫자 1Byte를 차지.</span>
578	602
579	603	<p class="tType1_title"><img src="/publish/images/content/icon_fee_fax.png" alt="팩스 아이콘 이미지"> 팩스</p>
580	604	<table class="tType2">

840e171

03d51d6

src/main/webapp/publish/images/intro_function.jpg (Binary)

--- src/main/webapp/publish/images/intro_function.jpg

+++ src/main/webapp/publish/images/intro_function.jpg

Binary file is not shown

840e171

03d51d6

src/main/webapp/publish/images/intro_service.jpg (Binary)

--- src/main/webapp/publish/images/intro_service.jpg

+++ src/main/webapp/publish/images/intro_service.jpg

Binary file is not shown

840e171

03d51d6

src/main/webapp/publish/js/content.js

--- src/main/webapp/publish/js/content.js

+++ src/main/webapp/publish/js/content.js


 	});
 
 	// 알림톡 템플릿 등록/관리 버튼 클릭 시 콘텐츠 바뀜
-	$(".template_content_wrap:not(.friend_template_content) .btn_list").click(function () {
+	/*$(".template_content_wrap:not(.friend_template_content) .btn_list").click(function () {*/
+	$(".btn_list").click(function () {
 		$(this).closest(".tab_content").find(".thumbnail_content").fadeOut(0);
 		$(this).closest(".tab_content").find(".list_content,.btn_thumbnail").show();
 		$(this).hide();

Add a comment

Open 0
Closed 0

List

...	...	@@ -1657,6 +1657,24 @@
1657	1657
1658	1658
1659	1659	</script>
	1660	+<div class="mask on"></div>
	1661	+
	1662	+<!-- 친구톡 서비스 중단 -->
	1663	+<div class="tooltip-wrap ">
	1664	+ <div class="popup-com service_stop_popup alert_layer_popup" tabindex="0" data-tooltip-con="alert_layer_popup" data-focus="alert_layer_popup" data-focus-prev="alert_layer_popup-close" style="display:block;width:490px;opacity:1;">
	1665	+ <div class="popup_heading">
	1666	+ <p>알림</p>
	1667	+ <button type="button" class="tooltip-close" onclick="location.href='/web/main/mainPage.do'"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	1668	+ </div>
	1669	+ <div class="layer_in">
	1670	+ <p>친구톡 서비스는 종료되었으며,<br />2026년 1월부터 <b>'브랜드메시지'</b>로 전환될 예정입니다.</p>
	1671	+ <div class="popup_btn">
	1672	+ <button type="button" class="btn fill blue" onclick="location.href='/web/main/mainPage.do'">메인화면 바로가기</button>
	1673	+ </div>
	1674	+ </div>
	1675	+ </div>
	1676	+</div>
	1677	+<!-- //친구톡 서비스 중단 -->
1660	1678
1661	1679	<!-- 로딩바 -->
1662	1680	<div class="loading_layer">
...	...	@@ -1798,11 +1816,11 @@
1798	1816	<th>이미지 첨부</th>
1799	1817	<td>
1800	1818	<input type="radio" name="img_file_add" id="img_file_0" value="" checked="checked">
1801		- <label for="img_file_0">첨부 안함</label>
	1819	+ <label for="img_file_0">텍스트</label>
1802	1820	<input type="radio" name="img_file_add" id="img_file_1" value="I">
1803		- <label for="img_file_1">이미지 첨부</label>
	1821	+ <label for="img_file_1">이미지</label>
1804	1822	<input type="radio" name="img_file_add" id="img_file_2" value="W">
1805		- <label for="img_file_2">와이드 이미지 첨부</label>
	1823	+ <label for="img_file_2">와이드</label>
1806	1824
1807	1825	<div class="img_file_add_wrap basic_img_add_wrap">
1808	1826	<p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>

...	...	@@ -436,7 +436,8 @@
436	436	});
437	437
438	438	// 알림톡 템플릿 등록/관리 버튼 클릭 시 콘텐츠 바뀜
439		- $(".template_content_wrap:not(.friend_template_content) .btn_list").click(function () {
	439	+ /$(".template_content_wrap:not(.friend_template_content) .btn_list").click(function () {/
	440	+ $(".btn_list").click(function () {
440	441	$(this).closest(".tab_content").find(".thumbnail_content").fadeOut(0);
441	442	$(this).closest(".tab_content").find(".list_content,.btn_thumbnail").show();
442	443	$(this).hide();

...	...	@@ -416,7 +416,7 @@
416	416	<div class="custom_put1_txt">
417	417	<p><span class="vMiddle">*</span> <span class="c_e40000">캘리그래피체는 수정이 불가</span>합니다.</p>
418	418	<p><span class="vMiddle">*</span> <span class="c_e40000">제작형태와 요청사항이 상이</span>한 경우 <span class="c_e40000">추가로 비용이 발생</span>할 수 있습니다.</p>
419		- <p><span class="vMiddle">*</span> <span class="c_e40000">제작된 이미지는 <span class="c_e40000">알림톡 및 친구톡</span> 발송에는 사용할 수 없습니다.</p>
	419	+ <p><span class="vMiddle">*</span> <span class="c_e40000">제작된 이미지는 <span class="c_e40000">알림톡 및 브랜드메시지</span> 발송에는 사용할 수 없습니다.</p>
420	420	</div>
421	421	</td>
422	422	</tr>

Delete comment