자작 설문 조사 값을 Google 애널리틱스에서 가져 왔습니다.

Qiita 첫 포스트. 초보자가 무례합니다.
입사 반년. 프로그램 경력도 반년의 거의 아마추어입니다.
아무것도 모르면서 주위 분들의 서포트의 덕분에 즐겁게 하고 있습니다.
프로그래밍 재미.

설문지 설치

자신의 일은 제쳐두고,
이번 어느 웹 페이지의 개수에 종사해 주셔서,
페이지내에 앙케이트를 설치해 주었으면 하는 요구가 있었습니다.
이번에는 Google 애널리틱스 이벤트 추적이라는 기능을 사용하여
설문지의 값을 가져옵니다.

기사의 내용이 힘줄에 떨어지지 않을 때는 이유를 보낼 수 있다


흔히 범용성이 높은 앙케이트군요.
아래의 html로 만들고 있습니다.

<p>この記事の改善に役立つご意見/ご感想がございましたら、以下にご記入ください。</p>
<fieldset class="votes">
    <table role="presentation">
        <tbody>
            <tr>
                <td>
                    <input name="vote_reason" type="radio" value="It doesn't answer my question">
                    <label>質問に対する回答になっていない</label>
                </td>
            </tr>
            <tr>
                <td>
                    <input name="vote_reason" type="radio" value="It contains incorrect info">
                    <label>間違った情報が記載されている</label>
                </td>
            </tr>
            <tr>
                <td>
                    <input name="vote_reason" type="radio" value="It's confusing">
                    <label>分かりにくかった</label>
                </td>
            </tr>
            <tr>
                <td>
                    <input name="vote_reason" type="radio" value="It's too much to read">
                    <label>読むものが多すぎる</label>
                </td>
            </tr>
            <tr>
                <td>
                    <input name="vote_reason" type="radio" value="I don't like the answer">
                    <label>回答が気に入らない</label>
                </td>
            </tr>
            <tr>
                <td>
                    <input name="vote_reason" type="radio" value="Other">
                    <label>その他</label>
                </td>
            </tr>
        </tbody>
    </table>
</fieldset>

Google 애널리틱스 설정

Google 애널리틱스
Google 계정으로 로그인합니다.
아직 가지고 있지 않은 분은 우선은 작성으로부터.

로그인하면 이와 같은 화면이 됩니다.

[등록]을 눌러 표시되는 대화상자에서
분석하고 싶은 페이지의 이름을 알 수 있는 계정명을 붙여 URL을 등록한다.
완료되면 추적 코드라고 하는 코드가 발행됩니다.
덧붙여서 계정명도 프로퍼티명도 나중에 변경 가능합니다.

값을 Google 웹로그 분석으로 보내기

발행된 Global site tag인 코드를,
값을 얻고 싶은 모든 페이지의 ~ 에 퍼가고,
이벤트 추적을위한 자바 스크립트를 몇 줄 쓰면 완성됩니다.

$(function () {
  $('#send').click(function () {
    // チェックした値を取得
    var reason = $('input[name="vote_reason"]:checked').next().html();
    // アンケートが送信されたページURLを取得
    var url = $(location).attr('href');
    // URLに日本語が含まれていて文字化けしていたのでエンコード
    var encUrl = encodeURI(url);

    // イベントトラッキング用コード
    ga('send', 'event', {
      'eventCategory': カテゴリ名,
      'eventAction': reason,
      'eventLabel': encUrl,
    });
    return false;
  });
});

eventCategory, eventAction, eventLabel의 경우,
자신이 관리하기 쉬운 이름을 자유롭게 부여할 수 있습니다.

결과

행복이 찾아올 것 같습니다.

이벤트 기록은 왼쪽 메뉴에서
[실시간]→[이벤트]나,
[행동]→[이벤트]→[개요]에서 확인할 수 있습니다.

마지막으로

이번에는 이벤트 추적 기능을 사용하여 확인된 값을 얻었습니다.
그 밖에도 자유롭고 폭넓은 이용 방법이 있다고 생각합니다.
덧붙여서 JavaScript가 아니라 html에 추적용 소스를 포함해도 가능하다고 합니다.
또, 인식이 잘못되어 있는 부분도 있을까 생각하기 때문에 알아차릴 때는 지적해 주시면 다행입니다.

참고

Google 애널리틱스 도움말