【Hugo】PV数の人気記事のランキングを取得する【Node.js】

1.gcp

 1volumes:
 2  node-modules:
 3
 4services:
 5  node:
 6    image: node:latest
 7    working_dir: /node
 8    tty: true
 9    ports: 
10    - '3000:3000'
11    volumes:
12      - .:/node
13      - node-modules:/node/node_modules
14    command: >
15      bash -c "npm install &&
16      npm install @google-analytics/data &&
17      node scripts/create-ranking.js"

 1// Google Analytics 4 property ID
 2propertyId = 'XXXXXXXXX'; //プロパティID
 3
 4// Imports the Google Analytics Data API client library.
 5const { BetaAnalyticsDataClient } = require('@google-analytics/data');
 6process.env.GOOGLE_APPLICATION_CREDENTIALS = `.gcp/google-analytics_credentials.json`;
 7
 8// Using a default constructor instructs the client to use the credentials
 9// specified in GOOGLE_APPLICATION_CREDENTIALS environment variable.
10const analyticsDataClient = new BetaAnalyticsDataClient();
11
12exports.runReport = async function () {
13  const [response] = await analyticsDataClient.runReport({
14    property: `properties/${propertyId}`,
15    dateRanges: [
16      {
17        startDate: '8daysAgo',
18        endDate: '1daysAgo',
19      },
20    ],
21    dimensions: [
22      {
23        name: 'pagePath',
24      },
25    ],
26    metrics: [
27      {
28        name: 'screenPageViews',
29      },
30    ],
31  });
32  return response;
33}

 1const { runReport } = require('./analytics-api.js');
 2
 3const fs = require('fs');
 4const currentDate = new Date().toISOString();
 5
 6async function main() {
 7  try {
 8    const response = await runReport();
 9
10    let rankings = []
11    response.rows.forEach((row) => {
12      rankings.push({
13        pagePath: row.dimensionValues[0].value,
14        pv: row.metricValues[0].value,
15      })
16    })
17    fs.writeFileSync(
18      'data/ranking.json',
19      JSON.stringify(
20        {
21          items: rankings,
22          createdAt: currentDate
23        },
24        null,
25        4
26      )
27    )
28  } catch (error) {
29    console.error('Error running report:', error);
30  }
31}
32
33main();

1$ docker compose -f compose.create-ranking.yml run --rm node # PVランキング取得

 1{{ $ranking := slice }}
 2{{ range $item := sort .Site.Data.ranking.items "pv" "desc" }}
 3  {{ $ranking = $ranking | append (dict "page" $item.pagePath) }}
 4{{ end }}
 5
 6<div class="widget-recent widget">
 7  <h4 class="widget__title">人気記事</h4>
 8  <div class="widget__content">
 9    <ul class="widget__list">
10      {{ range first 5 $ranking }}
11        {{ $url := replace .page "/" ""}}
12        {{ $page := $.Site.GetPage $url }}
13        <li class="widget__item"><a class="widget__link" href="{{ $page.Permalink  }}" target="_blank">{{ $page.Title }}</a></li>
14      {{ end }}
15    </ul>
16  </div>
17</div>

 1name: update-ranking
 2
 3on:
 4  schedule:
 5    - cron: '0 0 * * 0'
 6  workflow_dispatch:
 7
 8jobs:
 9  update-ranking:
10    runs-on: ubuntu-latest
11    timeout-minutes: 5
12    permissions:
13      id-token: write
14      contents: write
15    steps:
16      - name: Checkout
17        uses: actions/checkout@v4
18        with:
19          submodules: true
20          fetch-depth: 0 # enableGitInfoでの取得用
21      - name: Setup npm
22        uses: actions/setup-node@v4
23        with:
24          node-version: 20
25      - name: Cache npm dependencies    
26        uses: actions/cache@v4
27        with:
28          path: ~/.npm
29          key: ${{ runner.os }}-node-${{ hashFiles('package-lock.json') }}
30          restore-keys: ${{ runner.os }}-node-
31      - name: npm Install
32        run: npm ci
33      - name: Create Ranking
34        env:
35          GOOGLE_ANALYTICS_CREDENTIALS: ${{ secrets.GOOGLE_ANALYTICS_CREDENTIALS }}
36        run: |
37          mkdir .gcp
38          echo "$GOOGLE_ANALYTICS_CREDENTIALS" > .gcp/google-analytics_credentials.json
39          node scripts/create-ranking.js          
40      - name: Commit and Push
41        run: |
42          git branch
43          git config user.name "github-actions[bot]"
44          git config user.email "41898282+github-actions[bot]@users.noreply.github.com"
45          git commit -am "Create Ranking"
46          git push origin HEAD