---
title: HubSpot CTA 作成ガイド｜設置手順と効果を高める運用設計
description: HubSpot CTAの作成は、訪問者に次の行動を示すボタンやバナーを用意し、遷移先のフォームやページまで一貫して設計することが基本です。新CTAの作成手順、ブログやメールへの設置、文言・配置の考え方、A/Bテストと分析の進め方、既存のレガシーCTAを扱う際の判断ポイントを解説します。
image: https://start-link.jp/hubfs/blog/screenshots/generated/gen_37.jpg
---

[![StartLink](https://start-link.jp/hs-fs/hubfs/logo/%E6%9C%80%E7%B5%82Start%20Link%20(500%20x%20150%20px)%20(%E8%83%8C%E6%99%AF%E3%81%82%E3%82%8A).png?width=130&height=39&name=%E6%9C%80%E7%B5%82Start%20Link%20(500%20x%20150%20px)%20(%E8%83%8C%E6%99%AF%E3%81%82%E3%82%8A).png "StartLink")](https://start-link.jp)

- [会社情報About](https://start-link.jp/about)
- [サービスService](https://start-link.jp/service)
- [プロダクトProducts](https://start-link.jp/sync)
- [YoutubeYoutube](https://start-link.jp/about/sns)
- [ブログBlog](https://start-link.jp/hubspot-ai)
- [業界別ガイドIndustry guides](https://start-link.jp/case)
- [採用情報Recruit](https://start-link.jp/recruit)

[資料DL](https://start-link.jp/download/service) [無料相談 →](https://start-link.jp/contact)

[会社情報](https://start-link.jp/about) [サービス](https://start-link.jp/service) [プロダクト](https://start-link.jp/sync) [Youtube](https://start-link.jp/about/sns) [ブログ](https://start-link.jp/hubspot-ai) [業界別ガイド](https://start-link.jp/case) [採用情報](https://start-link.jp/recruit)

[資料ダウンロード](https://start-link.jp/download/service) [無料相談 →](https://start-link.jp/contact)

- [トップ](https://start-link.jp)
- [会社情報](https://start-link.jp/about)
- [サービス](https://start-link.jp/service)
- [Youtube](https://start-link.jp/about/sns)
- [ブログ](https://start-link.jp/hubspot-ai)
- [Contact](https://start-link.jp/contact)
- [個人情報保護方針](https://start-link.jp/privacy-policy)
- [個人情報取り扱い規定](https://start-link.jp/personal-information-processing-agreement)

[ホーム](https://start-link.jp) › [ブログ](https://start-link.jp/hubspot-ai) ›[HubSpot](https://start-link.jp/hubspot-ai/hubspot) ›[HubSpot機能ガイド](https://start-link.jp/hubspot-ai/hubspot/hubspot-features) ›HubSpot CTA 作成ガイド｜設置手順と効果を高める運用設計

# HubSpot CTA 作成ガイド｜設置手順と効果を高める運用設計

- 2026年3月4日
- 最終更新: 2026年10月12日

![](https://start-link.jp/hubfs/blog/screenshots/generated/gen_37.jpg)

この記事の結論

HubSpot CTAの作成手順と設置場所、効果の見方を解説します。CTAはクリック後の体験まで一続きで設計します。

ブログ目次

もっと見る ▼

**HubSpot CTAの作成手順と設置場所、効果の見方を解説します。CTAはクリック後の体験まで一続きで設計します。**

「ブログにボタンを置いたのに、次のページに進んでもらえない」  
 「CTAのクリックはあるけれど、フォーム送信につながっているかわからない」  
 「ページごとに設定や数値が分かれ、どのCTAを直すべきか判断しづらい」——CTAを運用すると、作成しただけでは見えにくい課題が出てきます。

CTAとは、Webサイトの訪問者に資料のダウンロードやデモの申込など、次の行動を促すボタンやバナーです。HubSpotではCTAを作成してページに設置し、クリックや送信の状況を確認できます。CTA単体ではなく、遷移先のページやフォーム、フォーム送信後の案内までをつなげて考えることがポイントです。

本記事は「[HubSpot初期設定・オンボーディング完全マニュアル｜アカウント作成後にやるべき設定一覧](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-initial-setup-onboarding)」シリーズの一部です。  
 本記事はHubSpot完全ガイド関連記事です。

## この記事でわかること

HubSpotのCTAを新しく作成する方や、既存のボタンの成果を見直したい方に向けて、作成から評価までの流れをまとめます。

- **CTAの役割とコンバージョンの流れ** — 訪問者がクリックしてから、リードとして管理されるまでの関係を整理します。
- **新CTAとレガシーCTAの使い分け** — 両者の違いと、既存CTAを見直す際の考え方を説明します。
- **CTAの作成・設置手順** — HubSpot内のページやメール、外部サイトに置く流れを紹介します。
- **文言・配置・テストの考え方** — クリックだけでなく、その先のフォーム送信までを見て改善する方法を解説します。

## CTAはクリックから顧客管理までをつなぐ入口です

CTAは訪問者に次の行動を示す要素であり、リード獲得の導線の一部です。CTAからランディングページ、フォーム、サンクスページやフォローアップへ進み、フォーム送信後の情報がCRMに登録されます。

入口のボタンだけを改善しても、後続の体験にずれがあれば成果にはつながりにくくなります。

### コンバージョンの流れを先に整理する

基本的な流れは、訪問者がページを読み、CTAをクリックし、遷移先でフォームを送信して、CRMに登録される形です。フォーム送信後には資料を案内したり、フォローアップメールにつないだりします。

訪問者がどの段階で離れているかを切り分けるため、CTAのクリックとフォーム送信を別々に確認できるようにします。

| 段階 | 訪問者の行動 | 確認する内容 |
| --- | --- | --- |
| ページ閲覧 | 記事やページを読む | ページ内容とCTAの関連性 |
| CTAクリック | 次の行動を選ぶ | 表示回数とクリック数 |
| フォーム入力 | 情報を送信する | CTAの訴求とフォーム内容の一貫性 |
| CRM登録 | リードとして管理される | 登録後の案内や担当部門への連携 |

### CTAの形式は目的と場所で選ぶ

CTAには、ボタン型、バナー型、ポップアップ型、スライドイン型、埋め込みフォーム型、スティッキーバナー型があります。

- **バナー型CTA** ── 画像やグラフィックを含む形式で、サイドバーや記事内への設置に適しています。
- **ポップアップCTA** ── 閲覧中のページに重ねて表示される形式です。
- **スライドインCTA** ── ページ端から現れる形式で、記事読了時の追従表示に適しています。
- **スティッキーバナーCTA** ── 画面上部または下部に固定して表示する形式です。

訪問者に同じ行動を促す場合でも、記事本文に置くのか、画面の端に表示するのかで適した形式は変わります。まず促したい行動と設置場所を決め、それに合う形式を選びます。

### 入口から後続対応までを一元的に捉える

CTAの表示回数・クリック数と、その後のフォーム送信や担当者の対応を確認する項目を分け、改善時にどの段階を見直すか決めます。

HubSpotでページ、フォーム、コンタクト情報を結びつけると、CTAをリード獲得と後続のナーチャリングの間に位置づけられます。

**運用時は、どの担当者が結果を見て次の対応を決めるかまで整理しておくと、個人の記憶に頼らず改善を引き継ぎやすくなります。**

## 新CTAとレガシーCTAを用途に合わせて扱います

HubSpotには新CTAとレガシーCTAがあります。新CTAは複数の表示形式やビジュアルエディタを備えています。レガシーCTAはボタン型や画像型を中心とする仕組みです。

**新たに作成するものは新CTAから始め、**既存CTAは現在の設置先や計測状況を把握してから見直すと整理しやすくなります。

### 2つの仕組みの違い

- **新CTA** ── ボタン、バナー、ポップアップなどを作成する仕組みです。
- **レガシーCTA** ── 既存の旧来型CTAを管理する仕組みとして記事内で紹介されています。

機能やプランの提供条件は変更される可能性があるため、利用前にHubSpotの公式ドキュメントで現在の条件を確認します。

次の表は、テスト要素ごとにテスト例を整理したものです。

| テスト要素 | テスト例 |
| --- | --- |
| ボタンの色 | オレンジ vs 青 |
| ボタンテキスト | 「資料をダウンロード」vs「無料で事例集を入手」 |
| ボタンサイズ | 小さめ vs 大きめ |
| 配置位置 | 記事中盤 vs 記事末尾 |
| 緊急性の有無 | 通常文言 vs 「期間限定」付き |
| CTA周辺のテキスト | ベネフィット強調 vs 課題解決強調 |

| 比較項目 | 新CTA | レガシーCTA |
| --- | --- | --- |
| 主な形式 | ボタン、バナー、ポップアップなど | ボタン、画像 |
| 作成画面 | ビジュアルエディタ | フォームベースのエディタ |
| 既存資産との関係 | 新しいCTAの作成に利用 | 過去に作成したCTAの確認に利用 |
| 検討時の視点 | 新規作成や今後の運用 | 設置済みCTAの用途や利用状況 |

CTAの利用前に、契約中のプランで作成できる形式を確認し、外部ページに設置した後は表示とクリックの計測を実際のページで確かめます。tion)）。

### 新規作成時は新CTAから検討する

新しいCTAを作るときは、次のように考えます。

- **新規作成** ── 目的に合う形式を選び、デザインや遷移先を設定します。基本的な選択肢として新CTAをおすすめします。
- **すでにレガシーCTAを利用している場合** ── 使われているページ、クリック状況、遷移先を確認し、優先度の高いものから置き換えを検討します。

### プラン条件は実際の画面で確かめる

CTAの形式や高度な分析機能にはプラン条件がありますが、HubSpotの提供条件は変更される場合があります。導入判断では、利用中の契約と公式の機能説明を照合し、画面上で作成できるCTA形式と必要な権限を確認します。

- **目的の形式が利用できる場合** ── その形式で小さく始めます。
- **利用できない場合** ── ボタン型など利用可能な形式で導線を組みます。

次の表は、機能ごとに対応プランを整理したものです。

| 機能 | 対応プラン |
| --- | --- |
| 基本的なCTA作成（ボタン型） | 全プラン（無料含む） |
| ポップアップCTA | Marketing Hub Starter以上 |
| スマートCTA（パーソナライゼーション） | Marketing Hub Professional以上 |
| A/Bテスト | Marketing Hub Professional以上 |
| 詳細なアナリティクス | Marketing Hub Professional以上 |
| 埋め込みフォームCTA | Content Hub Professional以上 |

## HubSpotでCTAを作成して公開する手順

CTAは目的、形式、デザイン、遷移先の順に決めると、設定の手戻りを減らせます。

HubSpotの画面や表示名称は変更されることがあります。以下は基本的な流れです。

**公開前には、リンク先とスマートフォンでの見え方まで確認します。**

次の表は、リンクタイプごとに説明、用途例を整理したものです。

| リンクタイプ | 説明 | 用途例 |
| --- | --- | --- |
| 外部URL | 任意のURLを指定 | 外部フォーム、パートナーサイト |
| HubSpotページ | HubSpotで作成したランディングページ | 資料ダウンロードLP、デモ申込LP |
| ミーティングリンク | HubSpotのミーティングスケジューラー | 商談予約、デモ予約 |
| ファイルダウンロード | ファイルマネージャーのファイル | PDF資料の直接ダウンロード |
| メールアドレス | メール送信リンク | 問い合わせメール |
| なし（フォーム埋め込み時） | 遷移なし | CTA内のフォームで完結 |

### CTA管理画面から形式を選ぶ

HubSpotで「マーケティング」から「CTA」を開き、「作成」を選びます。作成画面では、ボタンや埋め込み、ポップアップなど目的に合った形式を選択します。

- **記事内から資料ページへ誘導する場合** ── たとえばボタン型が候補になります。
- **ページの上部や下部で告知する場合** ── たとえばバナー型が候補になります。

次の表は、CTAの種類ごとに特徴、主な用途を整理したものです。

| CTAの種類 | 特徴 | 主な用途 |
| --- | --- | --- |
| ボタン型CTA | テキストとボタンで構成されるシンプルな形式 | インライン設置、メール内 |
| バナー型CTA | 画像やグラフィックを含むビジュアルリッチな形式 | サイドバー、記事内 |
| ポップアップCTA | ページ閲覧中に表示されるオーバーレイ形式 | 離脱防止、特別オファー |
| スライドインCTA | ページの端からスライドして表示される形式 | 記事読了時の追従表示 |
| 埋め込みフォームCTA | CTA内にフォームが直接埋め込まれた形式 | メルマガ登録、簡易問い合わせ |
| スティッキーバナーCTA | ページ上部または下部に固定表示される形式 | キャンペーン告知 |

次の表は、メトリクスごとに説明を整理したものです。

| メトリクス | 説明 |
| --- | --- |
| ビュー数 | CTAが表示された回数 |
| クリック数 | CTAがクリックされた回数 |
| クリック率（CTR） | クリック数 ÷ ビュー数 × 100 |
| 送信数 | CTA経由でフォームが送信された回数 |
| 送信率 | 送信数 ÷ クリック数 × 100 |

![HubSpotのCTAテンプレート選択画面。AIを使用して作成、ポップアップ、スライドイン、ボタンの選択肢が並ぶ。](https://start-link.jp/hubfs/blog/screenshots/library/mkt_cta_list.png)

CTA作成開始時のテンプレート選択画面。表示される形式を確認してから作成を進めます。

### 文言とデザインを決める

ボタンには、クリックした後に何ができるかを想像できる文言を付けます。

- **文言** ── 「詳しくはこちら」のような抽象的な表現より、「資料をダウンロードする」「デモを予約する」のように行動を示す表現のほうが、訪問者に内容を伝えやすくなります。
- **色と余白** ── 色はページ内で埋もれないものを選び、文字とのコントラストや周囲の余白も確認します。

ボタンの大きさや形状、フォントなどは、サイトのデザインや利用する画面に合わせて調整します。

- **寸法** ── サイズの目安はありますが、特定の寸法をすべてのページに当てはめるのではなく、実際の表示で押しやすさと見やすさを確認します。
- **訴求** ── 強い色や動きだけでクリックを促すのではなく、提供する内容と文言の一致を優先します。

### 遷移先と表示条件を設定する

クリック後のリンク先には、HubSpotページ、外部URL、ミーティングリンク、ファイルなどを指定できます。

- **埋め込みフォームを使う場合** ── CTA内で入力が完結する構成も選べます。
- **遷移先が決まったら** ── CTAで約束した内容がページの見出しやフォームの案内にも反映されているか確認します。
- **メールアドレスを指定する場合** ── クリック時にメールを送信するリンクを設定できます。

ポップアップやスライドインなどでは、表示条件も設定します。設定の例には、スクロール、滞在時間、離脱意図、表示頻度、訪問者属性などがあります。

表示の機会を増やすことより、読者の閲覧を妨げずに必要な場面で案内できるかを判断基準にします。

### プレビューして公開する

公開前にデスクトップとモバイルでプレビューし、文字が切れていないか、ボタンが押しやすいか、遷移先が正しいかを確認します。

- **外部サイトに設置する場合** ── トラッキングコードが導入されているかを確かめます。
- **CTAを公開した後** ── 設置ページとリンク先の双方から実際の動作を見て、意図した導線になっているか確認します。

![HubSpotのCTAテンプレート選択画面。用途に応じたテンプレートから作成を始められます。](https://start-link.jp/hubfs/blog/screenshots/library/mkt_cta_list.png)

HubSpotのCTAテンプレート選択画面。用途に応じたテンプレートから作成を始められます

## 設置場所はページの目的と読者の状況で決めます

CTAの配置は、ページを訪れた人が何を読んでいるか、どの段階の情報を求めているかに合わせて考えます。記事の冒頭、中盤、末尾や、ランディングページ、メールなどに設置できます。

複数箇所に置く場合も、どの行動を主に促したいかが伝わるように優先順位を付けます。

### ブログ記事では内容に関連する次の行動を示す

ブログ記事では、読者がテーマを理解する前と理解した後では、関心の段階が異なります。

- **冒頭** ── 記事を読み始めたばかりの読者に向けた案内が候補です。
- **中盤** ── 関連する補足資料が候補です。
- **末尾** ── 次の具体的な相談や資料取得が候補になります。

記事内容と距離のあるCTAを置くと、クリック後の期待と遷移先がずれるため、記事のテーマに沿った行動を選びます。

配置例には、次があります。

- **中盤のインラインCTA**
- **記事末尾のCTA**
- **サイドバーまたはスライドイン**

数を増やすこと自体を目的にせず、表示箇所ごとのクリックやフォーム送信を見て、役割が重複しているものは整理します。

### ランディングページでは主な行動を見つけやすくする

ランディングページでは、ページの目的となる行動をはっきりさせます。

- **主なCTA** ── ファーストビューに配置し、ページが長い場合には読者が情報を読み進めた後にも行動できる場所を検討します。
- **フォーム送信ボタンの文言** ── 「送信」だけで終わらせず、資料を受け取るなど訪問者が得るものを表します。

### メールでは読みやすさとクリック先を揃える

マーケティングメールでは、主なCTAを明確にして、メールの要点と遷移先を結びつけます。シンプルなボタンやテキストリンクをおすすめします。

**画像の表示状況が異なるメール環境も考え、テキストでもリンク先がわかる構成にすると、**ボタンが表示されない場合にも次の行動を案内できます。

## CTAの効果はクリック後の成果まで見て改善します

CTAの改善では、デザインや文言を変更する前に、どの指標を見て判断するかを決めます。クリック率だけが高くても、遷移先でフォーム送信に至らなければ導線全体の課題は残ります。

ページ、CTA、フォームの状況をつなげて見て、改善する箇所を一度に広げすぎないことが大切です。

### クリック率とフォーム送信を分けて確認する

CTAの確認指標には、ビュー数、クリック数、クリック率、送信数、送信率があります。

- **クリック率** ── クリック数をビュー数で割った割合として整理されています。
- **送信率** ── 送信数をクリック数で割った割合として整理されています。

数値の名称や表示内容は利用するCTAやHubSpot画面で確認し、クリック後のフォーム送信まで追える状態にします。

| 見え方 | 確認する箇所 | 次の改善候補 |
| --- | --- | --- |
| 表示に対してクリックが少ない | 文言、視認性、配置、ページとの関連 | ボタン文言や設置位置を見直す |
| クリックはあるが送信が少ない | CTAと遷移先の内容、フォーム | 見出しの一貫性や入力項目を見直す |
| CTA間で差がある | ページ、形式、訴求内容 | 成果のよい要素を次の案に反映する |

### A/Bテストは一度に一つの要素を比べる

CTAの文言、色、サイズ、配置などは、自社の訪問者やページによって反応が異なります。HubSpotにはCTAのA/Bテストに関する機能があります（出典：[HubSpotのCTA A/Bテスト手順](https://knowledge.hubspot.com/ctas/ab-test-your-calls-to-actions)）。

テストでは比較する要素を一つに絞り、結果の差をその変更と結び付けて考えられるようにします。

- **色を比較する期間** ── たとえば文言やリンク先はそろえます。
- **文言を変える次のテスト** ── 色や配置を固定します。
- **数値基準** ── クリック数や期間の数値基準を、すべてのCTAに共通する一律の合格ラインとして使わず、自社の流入量と目的に応じて判断します。

### 数値を担当者の経験だけに頼らず共有する

CTAの結果を担当者個人のメモや別々の表計算ファイルで管理すると、変更の経緯や判断基準が引き継がれにくくなります。

- **同じ場所で記録する** ── CTA名、設置ページ、変更した要素、確認した指標、次に行うことを記録し、関係者が判断をたどれる形にします。
- **起点にする情報** ── HubSpotのCTA管理画面やダッシュボードで確認できる情報を起点にすれば、分析から次の修正までを同じ運用の中に置きやすくなります。

## FAQ

### HubSpotのCTA作成はどこから始めますか

HubSpotのCTA画面を開き、「作成」から目的に合う形式を選びます。ボタン文言、リンク先、表示条件を設定したら、PCとモバイルのプレビューで内容を確かめて公開します。

### レガシーCTAはすぐに新CTAへ置き換えるべきですか

既存のレガシーCTAは引き続き機能します。まず設置先やクリック状況、遷移先を確認し、新しく作るCTAは新CTAから検討しながら、利用頻度や重要度の高いものから置き換えます。

### CTAを外部サイトに設置するには何が必要ですか

外部ページにCTAを設置する場合は、設置先に応じてHubSpotのトラッキングコードやWordPressプラグインの利用条件を確認します。設置後は、表示と遷移先を実際に確かめ、クリックが計測されているか確認します（出典：[HubSpotのCTA作成手順](https://knowledge.hubspot.com/ctas/create-calls-to-action)）。

### クリック率が低いときは何を見直しますか

ボタンの文言や視認性、ページ内の配置、CTAと記事テーマの関連性を順に確認します。クリックはあるのにフォーム送信が少ない場合は、CTAの期待と遷移先の内容が一致しているか、フォームで求める情報が多すぎないかを見直します。

### A/Bテストでは何を比較できますか

比較対象には、色、文言、サイズ、配置位置、CTA周辺のテキストがあります。一度に変える要素を一つに絞り、CTAのクリックだけでなく、遷移先でのフォーム送信まで確認して判断します。

## まとめ

HubSpot CTAの作成では、ボタンのデザインだけでなく、CTAからページ、フォーム、CRM登録、後続の案内までを一つの導線として設計します。新規CTAは目的に合う形式を選び、既存のレガシーCTAは現在の利用状況を見ながら見直します。効果を評価するときはクリック数とフォーム送信を分けて確認し、改善内容を記録してチームで共有します。

まずは現在設置しているCTAを一つ選び、次の手順で見直してください。

1. CTAの設置場所、リンク先、促している行動を一覧にします。
2. ビュー数、クリック数、フォーム送信を確認し、離脱している段階を特定します。
3. 文言か配置など一つの要素を変更し、変更内容と結果を記録します。

CRMを活用した業務効率化やAIとの連携に関するご相談は、StartLinkまでお気軽にお問い合わせください。

## あわせて読みたい

- [HubSpotのSNS管理・投稿自動化](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-sns-social-media-management)
- [HubSpotのEメール配信を完全攻略](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-email-marketing-guide)
- [HubSpotランディングページ（LP）作成ガイド](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-landing-page-guide)

記事の内容を、そのまま実務に落とし込みたい方向け

HubSpotゴールドパートナーのStartLinkが、HubSpot導入・AI活用・CRM整備・業務効率化までをまとめて支援しています。記事で気になったテーマを、そのまま相談ベースで整理できます。

[サービス概要を見る](https://start-link.jp/service/hubspot-ai) [無料で相談する](https://start-link.jp/contact)

## 次に読む

### [![](https://start-link.jp/hubfs/blog/screenshots/generated/kv_NM-95.png) HubSpotの機密データとプロパティの権限｜個人情報を見せる範囲を絞る設定](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-sensitive-data-property-permissions)

### [![](https://start-link.jp/hubfs/blog/screenshots/generated/kv_NM-91.png) HubSpotモバイルアプリの外出先設定｜名刺スキャン・通話記録・通知・オフライン](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-mobile-app-field-settings)

### [![](https://start-link.jp/hubfs/blog/screenshots/generated/kv_NM-78.png) HubSpotの重複レコード管理｜重複の管理ツールとマージで残る値・戻せない点](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-duplicate-records-merge)

## あわせて読みたいHubSpot実務ガイド

### [Basics HubSpotの基本操作ガイド コンタクト管理、メール、電話、取引登録までを実画面ベースで整理しています。](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-basic-operations-guide)

### [Content Hub HubSpot Content Hubの実務活用 サイト運用、CMS設計、AIO対策まで含めてContent Hubを解説しています。](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-content-hub)

### [Integration HubSpotとSalesforceの連携ガイド 移行時の注意点、同期設計、運用上の落とし穴をまとめています。](https://start-link.jp/hubspot-ai/hubspot/integration-ecosystem/hubspot-salesforce-integration-guide)

### [Contact 導入や活用の相談はこちら 自社環境に合わせた導入方針、運用設計、リライト優先度の相談ができます。](https://start-link.jp/contact)

## 記事の内容を、そのまま実務に落とし込みたい方向け

[無料で相談する](https://start-link.jp/contact) [資料をダウンロード](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-cta-button-creation-guide#blog-download)

 株式会社StartLinkは、事業推進に関わる「販売促進」「DXによる業務効率化（ERP/CRM/SFA/MAの導入）」などのご相談を受け付けております。 サービスのプランについてのご相談/お見積もり依頼や、ノウハウのお問い合わせについては、[無料のお問い合わせページ](https://www.start-link.jp/contact)より、お気軽にご連絡くださいませ。

###### 関連キーワード:

[マーケティング](https://start-link.jp/hubspot-ai/tag/マーケティング) [HubSpot](https://start-link.jp/hubspot-ai/tag/hubspot) [CRM](https://start-link.jp/hubspot-ai/tag/crm)

## サービス資料を無料DL

## 著者情報

![7-1](https://start-link.jp/hubfs/7-1.jpg)

### 今枝 / Imaeda

 株式会社StartLink 代表取締役。累計150社以上のHubSpotプロジェクト支援実績を持ち、Claude CodeやHubSpotを軸にしたAI活用支援・経営基盤AXのコンサルティング事業を展開。  
 HubSpotのトップパートナー企業や大手人材グループにて、エンタープライズCRM戦略策定・AI戦略ディレクションを経験した後、StartLinkを創業。現在はCRM×AIエージェントによる経営管理支援を専門とする。

[StartLink](https://start-link.jp/)

### Service

- [会社情報](https://start-link.jp/about)
- [サービス](https://start-link.jp/service)
- [プロダクト](https://start-link.jp/sync)
- [採用情報](https://start-link.jp/recruit)
- [コンサルタントの方へ](https://start-link.jp/consultant-platform)

### Contact

- [問い合わせ](https://start-link.jp/contact)
- [資料ダウンロード](https://start-link.jp/download/service)
- [Syncナレッジベース](https://start-link.jp/sync/knowledge-base)
- [個人情報保護方針](https://start-link.jp/privacy-policy)
- [個人情報取り扱い規定](https://start-link.jp/personal-information-processing-agreement)

(c) 2026 All Rights Reserved.

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "今枝 拓海",
    "url" : "https://start-link.jp/hubspot-ai/author/imaeda"
  },
  "datePublished" : "2026-03-04T11:29:58.000Z",
  "headline" : "HubSpot CTA 作成ガイド｜設置手順と効果を高める運用設計",
  "image" : [ "https://start-link.jp/hubfs/blog/screenshots/generated/gen_37.jpg" ],
  "mainEntityOfPage" : {
    "@id" : "https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-cta-button-creation-guide",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://start-link.jp/hubfs/Start%20Link%20(1500%20x%20600%20px)%20(5)-1.png"
    },
    "name" : "株式会社StartLink"
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "FAQPage",
  "mainEntity" : [ {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "HubSpotのCTA画面を開き、「作成」から目的に合う形式を選びます。ボタン文言、リンク先、表示条件を設定したら、PCとモバイルのプレビューで内容を確かめて公開します。"
    },
    "name" : "HubSpotのCTA作成はどこから始めますか"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "既存のレガシーCTAは引き続き機能します。まず設置先やクリック状況、遷移先を確認し、新しく作るCTAは新CTAから検討しながら、利用頻度や重要度の高いものから置き換えます。"
    },
    "name" : "レガシーCTAはすぐに新CTAへ置き換えるべきですか"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "外部ページにCTAを設置する場合は、設置先に応じてHubSpotのトラッキングコードやWordPressプラグインの利用条件を確認します。設置後は、表示と遷移先を実際に確かめ、クリックが計測されているか確認します（出典：HubSpotのCTA作成手順）。"
    },
    "name" : "CTAを外部サイトに設置するには何が必要ですか"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "ボタンの文言や視認性、ページ内の配置、CTAと記事テーマの関連性を順に確認します。クリックはあるのにフォーム送信が少ない場合は、CTAの期待と遷移先の内容が一致しているか、フォームで求める情報が多すぎないかを見直します。"
    },
    "name" : "クリック率が低いときは何を見直しますか"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "比較対象には、色、文言、サイズ、配置位置、CTA周辺のテキストがあります。一度に変える要素を一つに絞り、CTAのクリックだけでなく、遷移先でのフォーム送信まで確認して判断します。"
    },
    "name" : "A/Bテストでは何を比較できますか"
  } ]
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-cta-button-creation-guide#article",
  "@type" : "BlogPosting",
  "author" : {
    "@id" : "https://start-link.jp/#founder"
  },
  "dateModified" : "2026-10-12T05:31:14+09:00",
  "datePublished" : "2026-03-04T11:29:58+09:00",
  "headline" : "HubSpot CTA 作成ガイド｜設置手順と効果を高める運用設計",
  "image" : "https://start-link.jp/hubfs/blog/screenshots/generated/gen_37.jpg",
  "isPartOf" : {
    "@id" : "https://start-link.jp/#website"
  },
  "mainEntityOfPage" : {
    "@id" : "https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-cta-button-creation-guide",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "speakable" : {
    "@type" : "SpeakableSpecification",
    "cssSelector" : [ ".blog-section h2", ".blog-section p:first-of-type", ".blog-section blockquote" ]
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "BreadcrumbList",
  "itemListElement" : [ {
    "@type" : "ListItem",
    "item" : "https://start-link.jp",
    "name" : "ホーム",
    "position" : 1
  }, {
    "@type" : "ListItem",
    "item" : "https://start-link.jp/hubspot-ai",
    "name" : "ブログ",
    "position" : 2
  }, {
    "@type" : "ListItem",
    "item" : "https://start-link.jp/hubspot-ai/hubspot",
    "name" : "HubSpot",
    "position" : 3
  }, {
    "@type" : "ListItem",
    "item" : "https://start-link.jp/hubspot-ai/hubspot/hubspot-features",
    "name" : "HubSpot機能ガイド",
    "position" : 4
  }, {
    "@type" : "ListItem",
    "name" : "HubSpot CTA 作成ガイド｜設置手順と効果を高める運用設計",
    "position" : 5
  } ]
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#organization",
  "@type" : "Organization",
  "address" : {
    "@type" : "PostalAddress",
    "addressCountry" : "JP",
    "addressLocality" : "中央区",
    "addressRegion" : "東京都",
    "postalCode" : "104-0061",
    "streetAddress" : "銀座1丁目12番4号 N&E BLD.6F"
  },
  "alternateName" : "StartLink Inc.",
  "award" : [ "HubSpot Gold Solutions Partner（HubSpotゴールドパートナー、2026年4月認定）" ],
  "contactPoint" : [ {
    "@type" : "ContactPoint",
    "availableLanguage" : [ "ja" ],
    "contactType" : "customer support",
    "url" : "https://start-link.jp/contact"
  }, {
    "@type" : "ContactPoint",
    "availableLanguage" : [ "ja", "en" ],
    "contactType" : "sales",
    "url" : "https://start-link.jp/contact"
  } ],
  "description" : "「AI × HubSpot」をコンセプトに掲げるHubSpotゴールドパートナー（Gold Solutions Partner、2026年4月認定）。HubSpotマーケットプレイスに自社アプリ（Sync for freee / Notion / Money Forward / Chatwork）を公開するアプリ開発企業であり、HubSpot/Salesforce知見とAI活用を組み合わせたCRM構築・移行・最適化・AIエージェント/PoC支援まで一貫して提供する。",
  "founder" : {
    "@id" : "https://start-link.jp/#founder",
    "@type" : "Person",
    "jobTitle" : "代表取締役",
    "name" : "今枝 拓海",
    "sameAs" : [ "https://x.com/ImaedaTakumii", "https://www.linkedin.com/in/takumi-imaeda/", "https://www.facebook.com/takumiIma" ]
  },
  "foundingDate" : "2024-09-04",
  "hasCredential" : {
    "@type" : "EducationalOccupationalCredential",
    "credentialCategory" : "certification",
    "name" : "HubSpot Gold Solutions Partner",
    "recognizedBy" : {
      "@type" : "Organization",
      "name" : "HubSpot, Inc.",
      "url" : "https://www.hubspot.com/"
    }
  },
  "image" : [ "https://start-link.jp/hubfs/startlink-ai-agent.jpg", "https://start-link.jp/hubfs/startlink-aiorg.jpg" ],
  "knowsAbout" : [ "HubSpot CRM", "HubSpot Implementation", "HubSpot導入支援", "CRM構築", "AI活用", "HubSpot連携アプリ開発", "Salesforce to HubSpot Migration", "Generative AI Integration", "AI Agent Development", "Revenue Operations", "Marketing Automation", "freee Integration", "Notion Integration", "Money Forward Integration" ],
  "legalName" : "株式会社StartLink",
  "logo" : "https://start-link.jp/hubfs/startlink-logo.png",
  "mainEntityOfPage" : "https://start-link.jp/",
  "memberOf" : {
    "@type" : "ProgramMembership",
    "hostingOrganization" : {
      "@type" : "Organization",
      "name" : "HubSpot, Inc.",
      "url" : "https://www.hubspot.com/"
    },
    "membershipNumber" : "Gold Tier",
    "programName" : "HubSpot Solutions Partner Program"
  },
  "name" : "株式会社StartLink",
  "sameAs" : [ "https://www.youtube.com/@startlink-hubspot", "https://x.com/ImaedaTakumii", "https://www.linkedin.com/in/takumi-imaeda/", "https://www.linkedin.com/company/108100307/", "https://www.facebook.com/takumiIma", "https://www.facebook.com/profile.php?id=61566874764985", "https://prtimes.jp/main/html/searchrlp/company_id/149669", "https://app.hubspot.com/ecosystem/46046172/marketplace/solutions/startlink" ],
  "taxID" : "8010001248134",
  "url" : "https://start-link.jp/"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#website",
  "@type" : "WebSite",
  "inLanguage" : "ja",
  "name" : "株式会社StartLink",
  "publisher" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "url" : "https://start-link.jp/"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-hubspot",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "CRM導入", "HubSpot" ],
  "description" : "150社以上の実績を持つHubSpotゴールドパートナーが、業務フローに合わせた設計から構築・本番稼働まで一貫支援。",
  "name" : "HubSpot導入・構築支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "HubSpot導入・構築支援",
  "url" : "https://start-link.jp/service/hubspot"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-hubspot-ai",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "CRM最適化", "AI活用" ],
  "description" : "HubSpotを軸に業務要件に沿った設計改善とAI連携活用を包括支援。",
  "name" : "HubSpot AIコンサルティング",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "HubSpot AIコンサルティング",
  "url" : "https://start-link.jp/service/hubspot-ai"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-hubspot-training",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "研修", "HubSpot" ],
  "description" : "HubSpotの概念・基本操作からAI活用ノウハウまで、社内浸透のための研修を提供。",
  "name" : "HubSpot研修・レクチャー支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "HubSpot研修・内製化支援",
  "url" : "https://start-link.jp/service/hubspot-ai/training"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-sf2hs-replace",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "CRM移行", "データ移行" ],
  "description" : "Salesforce/HubSpot双方の思想とデータモデルを理解した移行設計とHubSpot側CRM開発を実行。",
  "name" : "SalesforceからHubSpotへのリプレイス支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "SalesforceからHubSpotへのリプレイス支援",
  "url" : "https://start-link.jp/service/salesforce-hubspot-replace"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-claude-code-bi",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "AI活用", "経営管理" ],
  "description" : "複数システムのデータを統合し、毎朝のAIブリーフィングなど経営の意思決定を加速する仕組みを構築。",
  "name" : "Claude Codeによる経営データ活用支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "AI経営管理支援",
  "url" : "https://start-link.jp/service/claude-code/business-intelligence"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-claude-code-content",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "コンテンツマーケティング", "AI活用" ],
  "description" : "キーワード戦略からSEO記事制作、CMS公開まで、AIを活用したコンテンツマーケティングを自動化。",
  "name" : "Claude Codeによるコンテンツマーケティング支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "AIコンテンツ制作支援",
  "url" : "https://start-link.jp/service/claude-code/content-marketing"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#product-sync-freee",
  "@type" : "SoftwareApplication",
  "applicationCategory" : "BusinessApplication",
  "author" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "description" : "HubSpotとfreee会計・freee請求書をシームレスに連携。取引先の同期から請求書作成まで、バックオフィスの業務を自動化するHubSpotマーケットプレイスアプリ。",
  "featureList" : [ "freee取引先をHubSpotに自動同期", "HubSpotからfreee見積書・請求書を作成", "取引データをfreee会計に自動登録", "月次請求・更新処理に対応", "商品項目・品目・部門・タグ情報の連携" ],
  "installUrl" : "https://ecosystem.hubspot.com/marketplace/apps/sync-for-freee-bystartlink",
  "name" : "Sync for freee",
  "offers" : [ {
    "@type" : "Offer",
    "description" : "請求月5件・見積月20件まで",
    "name" : "Free",
    "price" : "0",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "請求月50件・見積月100件まで",
    "name" : "Professional",
    "price" : "4000",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "無制限",
    "name" : "Enterprise",
    "price" : "10000",
    "priceCurrency" : "JPY"
  } ],
  "operatingSystem" : "Web",
  "softwareHelp" : {
    "@type" : "WebPage",
    "url" : "https://start-link.jp/sync/knowledge-base/freee/basic-steps"
  },
  "url" : "https://start-link.jp/sync/freee"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#product-sync-notion",
  "@type" : "SoftwareApplication",
  "applicationCategory" : "BusinessApplication",
  "author" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "description" : "HubSpotのCRMレコードとNotionのページ・データベースを接続。HubSpotの画面から離れずにNotionのすべてにアクセスできるHubSpotマーケットプレイスアプリ。",
  "featureList" : [ "CRMカードからNotionページの作成・閲覧・編集", "NotionデータベースをCRMタブにテーブル表示", "4つのワークフローアクションで自動化", "コンタクト・会社・取引・チケット・サービス・プロジェクト対応" ],
  "installUrl" : "https://ecosystem.hubspot.com/marketplace/listing/sync-for-notion-bystartlink",
  "name" : "Sync for Notion",
  "offers" : [ {
    "@type" : "Offer",
    "description" : "ページ・DB合計50件まで",
    "name" : "Free",
    "price" : "0",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "無制限",
    "name" : "Professional",
    "price" : "10000",
    "priceCurrency" : "JPY"
  } ],
  "operatingSystem" : "Web",
  "url" : "https://start-link.jp/sync/notion"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#product-sync-moneyforward",
  "@type" : "SoftwareApplication",
  "applicationCategory" : "BusinessApplication",
  "author" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "description" : "HubSpotとマネーフォワード クラウドを連携。取引情報から見積書・請求書を自動作成し、取引先・品目の同期や継続請求に対応するHubSpot連携アプリ。",
  "featureList" : [ "取引（Deal）から見積書・請求書を自動作成", "会社情報とマネーフォワード取引先の同期", "商品項目・品目マスタの連携", "月次・固定回数の継続請求に対応（Professionalプラン以上）", "合算請求（Enterpriseプラン限定）", "前受請求（一括請求・月次計上）（Enterpriseプラン限定）", "原価登録（MF会計への仕訳登録）で案件別の原価・粗利を可視化（Enterpriseプラン限定）", "取引レコードにCRMカードで連携ステータスを表示" ],
  "installUrl" : "https://ecosystem.hubspot.com/ja/marketplace/listing/sync-for-moneyforward-bystartlink",
  "name" : "Sync for Money Forward",
  "offers" : [ {
    "@type" : "Offer",
    "description" : "請求月5件・見積月20件まで",
    "name" : "Free",
    "price" : "0",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "請求月50件・見積月100件まで",
    "name" : "Professional",
    "price" : "4000",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "無制限",
    "name" : "Enterprise",
    "price" : "10000",
    "priceCurrency" : "JPY"
  } ],
  "operatingSystem" : "Web",
  "url" : "https://start-link.jp/sync/moneyforward"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#product-sync-chatwork",
  "@type" : "SoftwareApplication",
  "applicationCategory" : "BusinessApplication",
  "author" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "description" : "HubSpotとChatworkを連携。ワークフローからChatworkのルームへ通知を送り、CRMカード上で最新のやり取りの確認と返信ができ、紐付けたルームの新着メッセージをHubSpotのノートとして自動で記録するHubSpot連携アプリ。",
  "featureList" : [ "ワークフローアクション「Chatworkに通知」（取引・会社・コンタクト・チケット対応）", "送信先ルームIDとメッセージ本文にHubSpotのプロパティを差し込み", "取引・会社・コンタクトとChatworkルームの紐付け（全プラン無制限）", "CRMカードにルームの最新100件のメッセージを表示（Professionalプラン以上）", "CRMカードからChatworkへメッセージを送信（Professionalプラン以上）", "紐付けたルームの新着メッセージをHubSpotのノートへ自動記録（Enterpriseプラン限定）", "引用や装飾を、HubSpotのノートでも読みやすい見た目のまま記録", "OAuth接続とAPIトークン接続（SAML/SSO環境向け）に対応" ],
  "installUrl" : "https://ecosystem.hubspot.com/marketplace/listing/sync-for-chatwork-bystartlink",
  "name" : "Sync for Chatwork",
  "offers" : [ {
    "@type" : "Offer",
    "description" : "通知 月10件まで・ルーム紐付け無制限",
    "name" : "Free",
    "price" : "0",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "通知無制限・CRMカードで最新100件の表示とメッセージ送信",
    "name" : "Professional",
    "price" : "3000",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "Professionalの全機能＋メッセージ同期（30分ごと）",
    "name" : "Enterprise",
    "price" : "10000",
    "priceCurrency" : "JPY"
  } ],
  "operatingSystem" : "Web",
  "url" : "https://start-link.jp/sync/chatwork"
}
```