GASで顧客データを可視化！Sheet.newChartで実現するマーケティング分析

Sheet.newChartとは？

Sheet.newChart()は、Google Apps Script（GAS）でスプレッドシートに新しいグラフを作成するためのメソッドです。このメソッドを使用すると、既存のデータに基づいて、さまざまな種類のグラフをプログラムで生成し、スプレッドシートに埋め込むことができます。

マーケティングにおけるSheet.newChartの活用

マーケティング活動では、キャンペーンの成果や顧客データを視覚的に表現することが重要です。Sheet.newChart()を使用すると、これらのデータをリアルタイムにグラフ化し、状況を把握しやすく、迅速な意思決定を支援できます。たとえば、広告キャンペーンのクリック数、コンバージョン率、顧客獲得単価などをグラフで表示し、パフォーマンスの推移を追跡できます。

具体的な活用例

顧客獲得状況の可視化：顧客獲得数、顧客属性（年齢、地域など）をグラフ化

キャンペーン効果測定：広告クリック数、コンバージョン率、ROIをグラフ化

顧客行動分析：Webサイト訪問数、滞在時間、購入履歴をグラフ化

売上予測：過去の売上データに基づいて、将来の売上を予測

実装例：顧客獲得数の推移をグラフ化

ここでは、顧客獲得数を日ごとに記録したデータに基づいて、折れ線グラフを作成する例を示します。

function createCustomerAcquisitionChart() {
  // スプレッドシートを取得
  const ss = SpreadsheetApp.getActiveSpreadsheet();
  const sheet = ss.getActiveSheet();
  
  // グラフにするデータの範囲（A1からB10までの範囲を例とする）
  const dataRange = sheet.getRange("A1:B10");
  
  // グラフを作成
  const chart = sheet.newChart()
      .setChartType(Charts.ChartType.LINE)
      .addRange(dataRange)
      .setPosition(5, 5, 0, 0) // グラフの位置（行, 列, オフセットX, オフセットY）
      .setTitle("顧客獲得数の推移")
      .setXAxisTitle("日付")
      .setYAxisTitle("顧客数")
      .build();
  
  // スプレッドシートにグラフを追加
  sheet.insertChart(chart);
}

コード解説

SpreadsheetApp.getActiveSpreadsheet(): アクティブなスプレッドシートを取得します。

sheet.getRange("A1:B10"): グラフ化するデータの範囲を指定します。

sheet.newChart(): 新しいグラフを作成するためのビルダーを開始します。

setChartType(Charts.ChartType.LINE): グラフの種類を折れ線グラフに設定します。

addRange(dataRange): グラフにデータ範囲を追加します。

setPosition(5, 5, 0, 0): グラフの位置をスプレッドシート内の行と列で指定します。

setTitle("顧客獲得数の推移"): グラフのタイトルを設定します。

setXAxisTitle("日付"): X軸のタイトルを設定します。

setYAxisTitle("顧客数"): Y軸のタイトルを設定します。

build(): グラフの作成を完了します。

sheet.insertChart(chart): スプレッドシートにグラフを挿入します。

実装例：広告キャンペーン別のコンバージョン率をグラフ化

複数の広告キャンペーンのコンバージョン率を比較するために、棒グラフを作成する例を示します。

function createCampaignConversionRateChart() {
  // スプレッドシートを取得
  const ss = SpreadsheetApp.getActiveSpreadsheet();
  const sheet = ss.getActiveSheet();
  
  // データ範囲（A1からB5までの範囲を例とする。A列：キャンペーン名、B列：コンバージョン率）
  const dataRange = sheet.getRange("A1:B5");
  
  // グラフを作成
  const chart = sheet.newChart()
      .setChartType(Charts.ChartType.BAR)
      .addRange(dataRange)
      .setPosition(10, 5, 0, 0) // グラフの位置
      .setTitle("広告キャンペーン別コンバージョン率")
      .setXAxisTitle("キャンペーン名")
      .setYAxisTitle("コンバージョン率")
      .build();
  
  // スプレッドシートにグラフを追加
  sheet.insertChart(chart);
}

実装例：顧客属性別の分布を円グラフ化

顧客の年齢層別の分布を円グラフで表示する例です。顧客データを視覚的に把握し、ターゲット層の分析に役立てます。

function createCustomerAgeDistributionChart() {
  // スプレッドシートを取得
  const ss = SpreadsheetApp.getActiveSpreadsheet();
  const sheet = ss.getActiveSheet();

  // データ範囲（A1からB4までの範囲を例とする。A列：年齢層、B列：顧客数）
  const dataRange = sheet.getRange("A1:B4");

  // グラフを作成
  const chart = sheet.newChart()
      .setChartType(Charts.ChartType.PIE)
      .addRange(dataRange)
      .setPosition(15, 5, 0, 0) // グラフの位置
      .setTitle("顧客年齢層別分布")
      .build();

  // スプレッドシートにグラフを追加
  sheet.insertChart(chart);
}

よくある問題とトラブルシューティング

グラフが表示されない：データ範囲が正しいか、setPosition()で指定した位置がスプレッドシートの範囲内にあるかを確認してください。

データが正しくグラフに反映されない：データ範囲の形式が正しいか（数値データが文字列として認識されていないかなど）、グラフの種類がデータに適しているかを確認してください。

エラーメッセージが表示される：エラーメッセージをよく読み、指示に従って修正してください。GASの実行ログも確認すると、エラーの原因を特定しやすくなります。

カスタマイズ方法と応用例

グラフの色の変更：setOption()メソッドを使用すると、グラフの色やスタイルをカスタマイズできます。

複数のデータ系列の追加：addRange()メソッドを複数回呼び出すと、複数のデータ系列をグラフに追加できます。

動的なグラフの作成：スプレッドシートのデータが変更されたときに、自動的にグラフを更新するように設定できます。onEdit()トリガーを使用すると、スプレッドシートが編集されたときにスクリプトを実行できます。

まとめ

Sheet.newChart()は、マーケティング担当者がスプレッドシート上のデータを視覚化し、データに基づいた意思決定を行うための強力なツールです。この記事で紹介した例を参考に、ぜひご自身の業務にSheet.newChart()を活用してみてください。

CodeCampは、現役エンジニアからマンツーマンで学べるオンラインプログラミングスクールです。WebデザインやWebサービス開発、転職支援など、目的に合わせた多様なコースが選べます。
朝7時〜夜23時40分まで、365日レッスンが受けられるため、忙しい方でも自分のペースで学習を進めることが可能です。通過率8%の厳しい選考を通過した質の高い講師陣が、あなたのキャリアチェンジを強力にサポートします。
さらに、未経験者向けのカリキュラムや、学習開始から20日以内の全額返金保証制度もあるため、プログラミング学習に不安を感じている方でも安心して始めることができます。

CodeCampで理想の働き方を実現しよう