liferay
평생 동안 Google 태그 관리자 (GTM) 구성

CSS HTML Java Language JavaScript jQuery MySQL Oracle Database PHP spring SQL

소개

이 문서는 평생에 특정한 것이 아니며 웹 응용 프로그램과 관련하여 사용될 수 있습니다.

Liferay는 사이트 설정에서 애널리틱스 ID GA - #####를 설정 한 후 기본적으로 Google 애널리틱스 (GA 미리보기라고도 함)를 제공하지만 제한된 기능을 제공하며 페이지 뷰 (페이지 제목 및 URL) 만 추적 할 수 있습니다. 추가로 확장하여 Google 스크립트를 사이트 테마에 직접 삽입하여 필요한 이벤트를 트리거하거나 GTM을 사용할 수 있습니다.

GTM을 사용하여 GA 이벤트 구성

GTM은 태그 관리의 전체 프로세스를 단순화합니다 .GTM 용어에서

GTM id 및 필요한 경우 레이어에서 값을 매핑하는 데 필요한 데이터 레이어 구조가 포함 된 liferay의 맞춤 테마에있는 portal_normal.vm의 관련 페이지에 GTM 자바 스크립트 스 니펫을 추가합니다.
데이터 영역 변수에 해당하는 GTM 끝 부분에 변수를 만들어 데이터 영역에서 데이터를 가져와야합니다.
그런 다음 기본적으로 데이터 레이어의 변수를 이벤트에 매핑하는 필드 인 태그를 생성하여 특정 조건에서 트리거되어 각 추적 도구 (Google의 경우)로 이벤트가 전송되도록합니다.

다음은 페이지에 삽입 된 GTM javascript 스 니펫 샘플입니다.

    <body>
    <!-- 1) Data layer section -->
    <script type="text/javascript">
        dataLayer = [{
                "page" : "<? Virtual path of the page ?>"
                ,"pageType" : "<? Page type ?>"
                ,"user" : {
                            "type" : "<? User type ?>"
                            ,"userId" : "<? Logged user id ?>"
                            ,"country" : "<? Logged user country ?>"
                            ,"userRole" : "<? Role of user ?>"
                        }
            }];
      </script>
    <!-- 2) GTM Container -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PK9HK8"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','<GTM-ID>');</script>
    <!-- End Google Tag Manager -->

이 스크립트를 페이지에 포함 시키려면 GTM end에서 각 변수와 태그를 구성해야합니다.

필요한 필드를 구성한 후 사용자보기에 따라 GA 콘솔에서 이벤트를 볼 수 있습니다.

포털에서 Google 로 전송 된 데이터를 보려면 Google Analytics Debugger 플러그인을 사용하여 브라우저 콘솔을 통해 Google 에 전송되는 일정을 볼 수 있습니다.

Modified text is an extract of the original Stack Overflow Documentation

아래 라이선스 CC BY-SA 3.0

와 제휴하지 않음 Stack Overflow