0

웹 사이트에 Analytics 대시 보드를 표시해야합니다. Google 웹 사이트에서 내 사이트로 내 보내세요. 이미보고 API V4를 사용했습니다 하지만 로그인 버튼 만 있습니다. as you can see, the dashboard from analytics are not displayed.내 웹 사이트/자바 스크립트를 사용하여 Google 웹 로그 분석 데이터 표시

자바 스크립트 또는 C#으로 처리해야합니다. (this link 기준)

내 코드 :

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title> Analytics Reporting </title> 
    <meta name="google-signin-client_id" content="472734728686-21tqq751d9mdpkopnjmc1dnctf9644qc.apps.googleusercontent.com"> 
    <meta name="google-signin-scope" content="https://www.googleapis.com/auth/analytics.readonly"> 
</head> 
<body> 

    <h1> Analytics Reporting</h1> 

    <p> 

     <div class="g-signin2" data-onsuccess="queryReports"></div> 
    </p> 


    <textarea cols="80" rows="20" id="query-output"></textarea> 

    <script> 

     var VIEW_ID = '130082935'; 


    function queryReports() { 

    gapi.client.request({ 
     path: '/v4/reports:batchGet', 
     root: 'https://analyticsreporting.googleapis.com/', 
     method: 'POST', 
     body: { 
     reportRequests: [ 
      { 
      viewId: VIEW_ID, 
      dateRanges: [ 
       { 
       startDate: '7daysAgo', 
       endDate: 'today' 
       } 
      ], 
      metrics: [ 
       { 
       expression: 'ga:sessions' 
       } 
      ] 
      } 
     ] 
     } 
    }).then(displayResults, console.error.bind(console)); 
    } 

    function displayResults(response) { 

    var formattedJson = JSON.stringify(response.result, null, 2); 
    document.getElementById('query-output').value = formattedJson; 
    } 
    </script> 




    <script src="https://apis.google.com/js/client:platform.js"></script> 

</body> 
</html> 
+0

당신이 묻고있는 것이 확실하지 않습니다 - 이미지가 코드가하는 일을 정확하게 보여 주므로 문자열로 변환 된 JSON 응답을 표시합니다. displayResults 함수를 출력을 원하는 그래프 또는 표 형식으로 바꿔야합니다. Google Charts (https://developers.google.com/chart/) 또는 다른 시각화 라이브러리를보고 특정 질문으로 돌아 가야합니다. –

+0

죄송합니다. 내 질문을 다시 생각해 보도록하겠습니다. 어떻게하면 json이 아닌 대시 보드를 반환 할 수 있습니까? – danyyy

+0

Google Analytics API에서 페이지 매김을 수행하는 방법. –

답변

1

난 당신이 Google Analytics Embed API 볼 제안. 내 경험에 비추어 볼 때 훨씬 쉽습니다.

+0

도움 주셔서 감사합니다! [이 또한 찾았습니다] (https://developers.google.com/analytics/devguides/reporting/core/v4/quickstart/web-js "") – danyyy