こんにちは❗フリーランス・コンサルタント＆エンジニアの九保すこひです。

X（Twitter）やってます！
📝 九保すこひ@フリーランスエンジニア｜累計300万PVのブログ運営中

さてさて、「すぐ飽きるでしょ（笑）」ぐらいで始めたこのブログも気づけば 2021.04.27 現在、370を超える記事を持つようになりました。

正直なところ、「あれ大変だったな…💦」とか「ほぼおんなじ内容を書いてる😂」なんて部分もあるのですが、やはり長く付き合っているとととても愛着が湧いています。

そして、今回はそんな「ブログ」に関して普段から感じていた部分のお話です。

それは・・・・・・

最新記事のバズり具合をいちいち見に行くのめんどう😫

というものです。

せっかく情報を公開するので、「どんな情報が求められているか」を知るためにGoogle Analyticsでアクセス解析はしているのですが、記事単位ではあまり活用しておらず、

「うーん、記事を公開したら7日後ぐらいにどんな評価だったかメールで送ってきてくんないかな・・・🙏」

と感じていました。

そこで❗

今回は「無料でプログラムを実行することができる」と評判のGoogle Apps Scriptで「ブログ記事のバズり具合」を定期的にメール送信するコードを作っていきたいと思います。

ぜひ皆さんの参考になりましたら嬉しいです👍

「16時間断食で
オートファジー健康法
を検証中❗」

開発環境： Google Apps Script

1 事前準備をする
- 1.1 AnalyticsのビューIDを取得する
2 Google Apps Scriptを開く
3 Google Analyticsと連携する
4 バズり具合を定期的にメール送信するコードをつくる
5 ちなみに①：タイマー実行
6 ちなみに②
7 テストしてみる
8 おわりに

事前準備をする

まず今回は次の流れで実装します。

ブログ（wordpress）の最新記事URLを取得
Google Analytics でその URL のアクセスデータを取得
Google Apps Scriptでその内容をメール送信

AnalyticsのビューIDを取得する

ということで、Google Analyticsには「ビュー」と呼ばれるアクセス解析のレポートIDがありますが、先にこのIDを取得しておきます。

まずGoogle Analyticsにログインし、データ取得したいレポートを表示し、以下の部分からIDを取得してください。

Google Apps Scriptを開く

では、必要な情報が取得できたので、実際にGAS（Google Apps Script）での作業へ移行しましょう。

詳しくは、以下のページを参考にしてください。

📝 参考記事： Google Apps Scriptにログインする

⚠ ご注意： なお、今回はGoogle Analyticsとの連携をしますので、Analyticsと同じユーザーのGoogle ドライブで実行してください。

Google Analyticsと連携する

初期状態では、Analyticsにアクセスできませんので、GASとAnalyticsを連携させます。

画面左側にあるメニューの「サービス」と書かれているエリアにある「＋」ボタンをクリックしてください。

すると、ポップアップが表示されるので、その中から「Analytics Reporting API」を選択します。

選択したら、「追加」ボタンをクリックしてください。

たったこれだけで、GASとAnalyticsの連携が完了します。

バズり具合を定期的にメール送信するコードをつくる

では、ここからがメインのコード部分になります。
GASのコードを以下のものとそっくり入れ替えてください。

const WP_TOP_URL = 'https://wordpress.example.com';  // WordPress の トップURL
const AGO_DAYS = 7; // 何日前の記事をチェックする？
const ANALYTICS_VIEW_ID = '（ここにAnalyticsのビューID）';
const EMAIL = 'your.email.address@example.com'; // 送信先メールアドレス

function getDate(days = 0) {

  const dt = new Date();
  dt.setDate(dt.getDate() + days);
  return Utilities.formatDate(dt, 'JST', 'yyyy-MM-dd');

}

function getWordpressPosts() { // wordpressから該当記事を取得する
  
  const date = getDate(-AGO_DAYS);
  const url = WP_TOP_URL +'/index.php'+
    '?rest_route=/wp/v2/posts'+
    '&after='+ date +'T00:00:00'+
    '&before='+ date +'T23:59:59';
  const response = UrlFetchApp.fetch(url, { muteHttpExceptions: true });

  try {

      const content = response.getContentText('UTF-8');
      return JSON.parse(content);

  } catch(e) {

      const errorMessage = 'wordpress のデータ取得に失敗しました...';
      Logger.log(errorMessage);
      throw new Error(errorMessage)

  }
  
}

function getAnalyticsPageViews(pageId) {

  const filterExpression = 'ga:pagePath=~/?p='+ pageId;
  const startDate = getDate(-AGO_DAYS); // 公開された日から
  const endDate = getDate(-1); // 昨日まで（今日の分は途中なので省く）
  const analyticsReport = AnalyticsReporting.Reports.batchGet({
    reportRequests: [{
      viewId: ANALYTICS_VIEW_ID,
      filtersExpression: filterExpression,
      dateRanges: [{
        startDate: startDate,
        endDate: endDate
      }],
      dimensions: [{
        name: 'ga:pagePath'
      }],
      metrics: [{
        expression: 'ga:pageviews',
      }]
    }]
  });

  if(analyticsReport !== '') {

    try {

      const analyticsReportData = JSON.parse(analyticsReport).reports[0].data;
      return analyticsReportData.rows[0].metrics[0].values[0];

    } catch(e) {

      Logger.log(`[PageId: ${pageId}] 該当するデータが存在しません...`);

    }

  }

}

function sendMail(pageId, pageTitle, pageViews) {

    MailApp.sendEmail({
        to: EMAIL,
        subject: 'ブログ記事のバズり具合ご報告！',
        htmlBody: `
            記事タイトル： ${pageTitle}

            ページビュー： ${pageViews}

            集計期間： ${AGO_DAYS}日間


            これからも精進するように ✨😊👍
        `
    });

}

function main() {

  const posts = getWordpressPosts();

  if(posts.length > 0) {

    for(let i = 0 ; i < posts.length ; i++) {

      const post = posts[i];
      const pageId = post['id'];
      const pageTitle = post['title']['rendered'];
      const pageViews = getAnalyticsPageViews(pageId);
      sendMail(pageId, pageTitle, pageViews);
      Logger.log(`送信完了： ${pageTitle}`);

    }

  } else {

    Logger.log('該当する記事が存在しません...');

  }

}

⚠ ご注意：なお、コード冒頭の以下４つのデータはご自身のデータと入れ替えてください。