HubDB活用事例

HubDB活用のアイディア

スプレッドシートとHubDBを連携することで、さまざまなデータをHubSpotサイトで動的に表示できます。

ここでは具体的な活用事例を紹介します。

事例1: アクセスランキングの表示

Google Analyticsから取得したページビューデータを元に、人気商品ランキングをブログに表示します。

データの流れ

メリット

• ブログ記事が古くても、ランキングは常に最新
• 「今売れている商品」を自動的に紹介
• 毎日の更新作業が不要

スプレッドシート構成例

事例2: 店舗・営業所一覧

複数の店舗や営業所の情報を一元管理し、Webサイトで表示します。

活用シーン

• 各店舗のブログに、その店舗専用のHubDBを紐付け
• 店舗ごとの取扱商品ランキングを表示
• 営業所の住所・営業時間を動的に表示

複数テーブルの管理

店舗ごとにHubDBテーブルを分ける場合のGAS設定例：

const mappings = [
  { sheet: '新宿店', tableId: '11111111' },
  { sheet: '渋谷店', tableId: '22222222' },
  { sheet: '池袋店', tableId: '33333333' },
  { sheet: '横浜店', tableId: '44444444' },
];

メリット

• 各店舗の担当者がスプレッドシートを更新するだけ
• 店舗情報の一元管理
• 新店舗追加時もテーブルを追加するだけ

事例3: 商品カテゴリ別ランキング

商品カテゴリごとにランキングを作成し、カテゴリブログに表示します。

構成例

メリット

• カテゴリ専門のブログ記事に最適なランキングを表示
• 記事の内容とランキングの関連性が高まる
• コンバージョン率の向上が期待できる

事例4: キャンペーン・セール情報

期間限定のキャンペーン情報をスプレッドシートで管理し、サイト全体に表示します。

データ構成

HubLでの表示制御

{% set campaigns = hubdb_table_rows(tableid) %}
{% set today = local_dt|datetimeformat('%Y-%m-%d') %}

{% for campaign in campaigns %}
  {% if campaign.is_active == 'true' %}
    {% if campaign.start_date <= today and today <= campaign.end_date %}
      <a href="{{ campaign.link_url }}">
        <img src="{{ campaign.banner_url }}" alt="{{ campaign.hs_name }}">
      </a>
    {% endif %}
  {% endif %}
{% endfor %}

メリット

• キャンペーン開始・終了を自動制御
• バナーの差し替えがスプレッドシートで完結
• 過去のキャンペーンデータも履歴として残る

事例5: 商品マスタとの連携

基幹システムの商品マスタをスプレッドシート経由でHubDBに同期し、商品情報ページを動的に生成します。

データの流れ

HubDBの動的ページ機能

HubDBには、行ごとにページを自動生成する「動的ページ」機能があります。

• hs_pathカラムがURLパスになる
• テンプレートでHubDBのデータを表示
• 商品が追加されると自動的にページも生成

活用できるデータ

事例6: FAQデータベース

よくある質問をスプレッドシートで管理し、FAQページに動的表示します。

メリット

• カスタマーサポート担当がFAQを直接編集
• カテゴリ別の絞り込み表示
• 検索機能との連携

データ構成例

運用のポイント

同期頻度の設計

データの品質管理

• スプレッドシート側でバリデーションを設定
• 必須項目が空のデータはスキップ
• 画像URLの形式チェック

複数人での運用

• 編集権限の管理
• 更新履歴の記録
• 同期実行のログ確認

まとめ

HubDB × スプレッドシート同期の活用事例：

• アクセスランキング: 常に最新の人気商品を自動表示
• 店舗一覧: 各店舗の情報を一元管理
• カテゴリランキング: 専門ブログに最適なランキング
• キャンペーン情報: 期間制御付きの動的バナー
• 商品マスタ: 基幹システムとの連携
• FAQ: サポート担当が直接編集

スプレッドシートという馴染みのあるツールを起点に、HubSpotサイトのコンテンツを動的に管理できるようになります。

まずは小さなユースケースから始めて、徐々に活用範囲を広げていくことをおすすめします。