그냥 지나가는 페이지를 만들 수 있나요?? 채택완료
굼떠
1년 전
조회 1,969
<li class="c_form_btn"><button type='button' onclick="setContact();">상담신청하기</button></li>
버튼을 누르면 온클릭 이벤트가 실행되면서 ajax 파일이 도는 구조입니다.
버튼 클릭 시 구글 GTM에서 수집이 되야한다고 하는데 gtm코드를 어떻게 넣어야할지 도저히 모르겠네요 ㅠㅠㅠ
</p>
<p>if($mode == 'REG') {</p>
<p>
</p>
<p> if (!$mb_name) {</p>
<p> $result['msg'] = '성함을 입력해주세요'; </p>
<p> echo json_encode($result, JSON_UNESCAPED_UNICODE);</p>
<p> exit;</p>
<p> } </p>
<p>
</p>
<p> if (!$mb_phone) {</p>
<p> $result['msg'] = '연락처를 입력해주세요';</p>
<p> echo json_encode($result, JSON_UNESCAPED_UNICODE);</p>
<p> exit;</p>
<p> } </p>
<p> </p>
<p> if (!$mb_area) {</p>
<p> $result['msg'] = '지역을 입력해주세요'; </p>
<p> echo json_encode($result, JSON_UNESCAPED_UNICODE);</p>
<p> exit;</p>
<p> } </p>
<p> </p>
<p> </p>
<p> $mb_name = strip_tags ($mb_name);</p>
<p> $mb_phone = strip_tags ($mb_phone);</p>
<p> $mb_area = strip_tags ($mb_area);</p>
<p> </p>
<p> </p>
<p> $sql = " insert {$g5['g5_contact_table']}</p>
<p> set</p>
<p> mb_name = '{$mb_name}'</p>
<p> ,mb_phone = '{$mb_phone}' </p>
<p> ,mb_area = '{$mb_area}' </p>
<p> ,c_datetime='" . G5_TIME_YMDHIS ."' ";</p>
<p> </p>
<p> $result['flag'] =sql_query($sql); </p>
<p> </p>
<p> if($result['flag']) {</p>
<p> $result['msg'] = '문의접수 되었습니다.. 확인후 연락드리겠습니다.'; </p>
<p> } else {</p>
<p> $result['msg'] = '재문의 부탁합니다.'; </p>
<p> }</p>
<p> echo json_encode($result, JSON_UNESCAPED_UNICODE);</p>
<p> exit;</p>
<p> }</p>
<p>
코드는 이렇습니다
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
1년 전
위의 질문 내용으로만 보자면 한 페이지 내에서 구글 태그 관리자에 수집정보를 전달하는 것은 가능하지만 플로우상 문제는 있어보입니다. 방법을 제시해드리자면 php 페이지를 json 또는 xml을 구성하는 페이지를 별도로 구성하시고 그 후에 ajax로 url 파라미터를 활용하여 새로 생성한 php 파일을 할당해주신다음 json이든 xml이든 파싱하여 Callback 데이터를 가지고 gtm에 전달할 태그 정보를 함수로 구성하여 전달하시면 됩니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
키득커뮤니케이션즈
1년 전
댓글을 작성하려면 로그인이 필요합니다.
1년 전
</p>
<p>function setContact() {</p>
<p> if($("input:checkbox[id='agree']").is(":checked") != true){</p>
<p> alert('개인정보 수집방침에 동의해주셔야합니다.');</p>
<p> return;</p>
<p> }</p>
<p> var f = document.contact_frm;</p>
<p> $.ajax({</p>
<p> type : 'POST',</p>
<p> cache : false, </p>
<p> url : '/ajax/contact.act.php',</p>
<p> dataType : 'json',</p>
<p> data : $(f).serialize(),</p>
<p> success : function (r) {</p>
<p> console.log(r);</p>
<p> if(r.msg) alert(r.msg);</p>
<p> if(r.flag) window.location.reload();</p>
<p> },</p>
<p> error : function (jqxhr, status, error) {</p>
<p> console.log(jqxhr);</p>
<p> </p>
<p> </p>
<p> },</p>
<p> complete : function () {</p>
<p> </p>
<p> }</p>
<p> });</p>
<p>}</p>
<p> </p>
<p>
온클릭 이벤트 소스는 이렇습니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
상담신청 페이지 -> onclick 버튼 클릭 -> ajax 함수 실행 -> json endcoding php 파일에서 Callback -> data를 console.info(); 로 체킹 -> 태그 수집 대상 문자열을 구글 태그 관리자 관련 함수에 전달 -> gtm 등록