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