테스트 사이트 - 개발 중인 베타 버전입니다

그냥 지나가는 페이지를 만들 수 있나요?? 채택완료

굼떠 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 포인트

위의 질문 내용으로만 보자면 한 페이지 내에서 구글 태그 관리자에 수집정보를 전달하는 것은 가능하지만 플로우상 문제는 있어보입니다. 방법을 제시해드리자면 php 페이지를 json 또는 xml을 구성하는 페이지를 별도로 구성하시고 그 후에 ajax로 url 파라미터를 활용하여 새로 생성한 php 파일을 할당해주신다음 json이든 xml이든 파싱하여 Callback 데이터를 가지고 gtm에 전달할 태그 정보를 함수로 구성하여 전달하시면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

키득커뮤니케이션즈
1년 전
플로우 참고 :
상담신청 페이지 -> onclick 버튼 클릭 -> ajax 함수 실행 -> json endcoding php 파일에서 Callback -> data를 console.info(); 로 체킹 -> 태그 수집 대상 문자열을 구글 태그 관리자 관련 함수에 전달 -> gtm 등록

댓글을 작성하려면 로그인이 필요합니다.

굼떠
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>

 

온클릭 이벤트 소스는 이렇습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인