更新日時 2021年 8月 19日
ページデザイン、ページの公開、ページアナリティクスに関してよく寄せられる質問への回答がすばやく見つかります。HubSpotテンプレートまたはスタイルシートを変更する最適な方法は、元のテンプレートデザイナーと連携して変更することです。
注：アセットマーケットプレイスから購入したテンプレートを使用している場合は、ページのデザインに関する質問についてはそのテンプレートのデザイナーにお問い合わせください。
ページデザイン
- ナビゲーションメニューの色とフォントを管理するにはどうすればよいですか？
- ページテンプレートを編集するにはどうすればよいですか？
- ページのソースコードで編集できますか？
- ページに動画やオーディオファイルを埋め込むにはどうすればよいですか？
- 特定のページだけ背景色を変更するにはどうすればよいですか？
- フローティング画像の周囲にテキストの回り込み効果を入れるには、どうすればよいですか？
HTMLとCSSを読み、記述することに慣れている場合：
- CMSフレームワークのチュートリアル、ガイド、概要については、CMSリファレンスドキュメントを参照してください。
- コードに関するヒント、アドバイス、トラブルシューティングが必要な場合は、コミュニティーのCMS開発フォーラムを検索し、メッセージを投稿してください。
- CMS開発者コミュニティーSlackで、HubSpotのプロダクトチームやHubSpotのその他の開発者とつながります。
HTMLとCSを読み、記述することに慣れていない場合：
- ウェブサイトデザインの専門知識を所有する認定HubSpotパートナーに連絡して、テンプレートのカスタマイズに関するヘルプを依頼してください。
- スターターテンプレートまたはテーマテンプレートを使用すると、コードを一切編集せずにページスタイルを編集できます。
- 注：アセットマーケットプレイスから購入したテンプレートを使用している場合は、ページのデザインに関する質問についてはそのテンプレートのデザイナーにお問い合わせください。
ページがモバイル向けレスポンシブにならないのはなぜですか？
レスポンシブコンテンツはすべてのデバイスタイプで同じように表示されるわけではありません。すべてのHubSpotドラッグ＆ドロップテンプレートは既定でレスポンシブになっていますが、いくつかの理由でコンテンツがレスポンシブにならない可能性があります。モバイルデバイスでのコンテンツのプレビュー方法をご確認ください。
- 画像が切り捨てられる：レスポンシブ画像は表示されている画面サイズに合わせてサイズ変更されます。つまり、小さなデバイスタイプに合わせてトリミングされる可能性があります。これにより、画像の伸長や歪みが防止されます。
- テキストがサイズ変更されない：Photoshopなどの写真編集ツールで画像にテキストを追加した場合、そのテキストは画像とは別にサイズ変更されません。オーバーレイテキストがレスポンシブであることを確認するには、背景画像をセクション、行、または列の背景画像として追加し、テキスト用にリッチテキストモジュールまたはヘッダーモジュールを含めます。
- テーブルがレスポンシブではない：これらの要素のページ上での正確なサイズに関するルールは、テーブルによって設定されます。最適な結果を得るには、テーブルではなくドラッグ＆ドロップ列を使用してページの構造を定義します。
注：スターターテンプレート、テーマテンプレート、またはドラッグ＆ドロップエリアがあるテンプレートで作業している場合は、モバイルデバイス上でのページの表示方法をカスタマイズできます。
ヒーロー背景画像を作成するにはどうすればよいですか？
ヒーロー画像を作成する最適な方法は、使用しているページテンプレートのタイプに応じて異なります。
- CMS Hubアカウントなら、ヒーロー背景画像を使用してウェブサイトページを作成する場合に、デザインにヒーロー画像が含まれているテーマテンプレートを使用することができます。テーマテンプレートではドラッグ＆ドロップによる編集も可能であり、ページ全体のセクションの背景画像を選択できます。
ナビゲーションメニューのメニュー項目とリンクは、アカウント設定のナビゲーション設定で管理します。ただしメニューのデザインはページテンプレートに基づいています。メニューの色、フォント、間隔、全般的な表示形式は、ページテンプレートに適用されるスタイルによって制御されます。
- デザインマネージャーツールで作成されたレイアウトテンプレートを使用している場合、テンプレートに添付されたスタイルシートのCSSによって制御されます。
- テーマテンプレートを使用している場合、ナビゲーションメニューのデザインはテーマ設定によって制御されます。
CTAを中央に配置するにはどうすればよいですか？
CTAを中央に配置する手順は、使用しているページテンプレートのタイプに応じて異なります。
ドラッグ＆ドロップエリアを伴うスターターテンプレート、テーマテンプレート、またはコードテンプレートでCTAを中央に配置するには、モジュールの［位置合わせ］の設定でCTAモジュールを中央に配置できます。
- ページエディターでCTAをクリックして、そのCTAを選択します。
- 左側のパネルで［スタイル］タブをクリックします。
- ［位置合わせとスペース］をクリックしてそのオプションを展開します。
- ［位置合わせ］セクションで中央寄せアイコンをクリックします。
デザインマネージャーで作成されたレイアウトテンプレートでCTAを中央に配置するには、CTAをリッチテキストモジュールに追加し、このモジュール内で中央に配置すると最適な結果を得ることができます。
- ページエディターでリッチ テキスト モジュールをクリックして、そのモジュールを選択します。
- 上部ナビゲーションバーの［挿入］>［CTA］をクリックします。
- CTAをクリックして選択し、［挿入］をクリックします。
- リッチ テキスト モジュール内でCTAをクリックします。［CTAオプション］ダイアログボックスがアクティブになります。
- ［レイアウト］セクションで中央寄せアイコンをクリックします。これにより、ページのリッチ テキスト モジュール内の中央にCTAが配置されます。
CSSの編集に慣れている場合は、このモジュールのコンテンツを常に中央に配置するようにレイアウトテンプレートをカスタマイズできます。
ページテンプレートを編集するにはどうすればよいですか？
ページのテンプレートを編集するには、ページエディターの［設定］タブからテンプレートにアクセスできます。
注：既存のページに適用されるテンプレートを変更する場合は、現在のテンプレートと同じタイプのテンプレートのみを選択できます。ドラッグ＆ドロップエディターを使用しているページでは、ドラッグ＆ドロップ編集が有効になっているテンプレートのみに切り替えることができます。
-
コンテンツに移動します。
- ウェブサイトページ：HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［マーケティング］ > ［ランディングページ］の順に進みます。
- ブログ：HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ブログ］の順に進みます。
-
- Eメール：HubSpotアカウントにて、［マーケティング］ > ［Eメール］の順に進みます。
- ダッシュボードで、テンプレートを編集するページ、投稿、またはEメールにカーソルを合わせて［編集］をクリックします。
- コンテンツエディターの一番上にある［設定］タブをクリックし、下にスクロールして［詳細オプション］をクリックします。
- テンプレートを編集するには、［テンプレート］セクションで［このテンプレートを編集］をクリックします。
このページに使用されているテンプレートを変更する場合は、［別のテンプレートを使用］をクリックします。
ページのソースコードで編集できますか？
ほとんどのタイプのテンプレートではリッチ テキスト モジュールでソースコードにアクセスできます。ソースコードにアクセスするには、リッチ テキスト モジュールをクリックしてエディターツールバーを有効にします。右上の［詳細］>［ソースコード］をクリックします。編集を行い、左下の［保存］をクリックします。
注：スターターテンプレートのソースコードにはアクセスできません。
フローティング画像の周囲にテキストの回り込み効果を入れるには、どうすればよいですか？
リッチ テキスト モジュールの整列オプションを使用して、任意の画像をフローティング画像にすることができます。それにはまず、ページ上に配置する画像を挿入します。次に、コンテンツエディター内で画像をクリックして書式設定オプションを開きます。
ページに動画やオーディオファイルを埋め込むにはどうすればよいですか？
- すべてのタイプのページテンプレートでは、サポートされているプロバイダーからの動画URLを埋め込むことができます。
- Vidyardを利用したHubSpot動画の場合、「Marketing Hub」のProfessional」と「Enterprise」のアカウント、およびCMS Hubのアカウントでは、動画コンテンツをリッチ テキスト モジュールに追加し、HubSpotで動画アナリティクスをトラッキングできます。この機能はスターターテンプレートでは使用できません。
- HuSpotで利用可能なVidyard連携もあります。
特定のページだけ背景色を変更するにはどうすればよいですか？
ドラッグ＆ドロップエリアを伴うスターターテンプレート、テーマテンプレート、コードテンプレートには、背景スタイルオプションがあるページセクションがあります。セクションの背景に適用されるスタイルを編集する方法を参照してください。
レイアウトテンプレートの場合、個々のページの背景色を変更するには、ウェブサイトページまたはランディングページのヘッドHTMLにシンプルなCSSを追加します。
-
コンテンツに移動します。
- ウェブサイトページ：HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［マーケティング］ > ［ランディングページ］の順に進みます。
- 編集するページの上にカーソルを置き、［編集］をクリックします。
- ［設定］タブをクリックし、下にスクロールして［詳細オプション］をクリックします。
- ［ヘッドHTML］セクションに次のコードを貼り付けます。色の名前またはHTML 16進数の値を使用して、赤色を好みの色に置き換えます。
<style>
body {
background-color: red;
}
</style>注：CSSの編集に慣れていない場合は、テンプレートのオリジナルのデザイナーに連絡するか、CMS開発フォーラムでアドバイスを得てください。
ページ公開
- 以前のバージョンのランディングページまたはウェブサイトページを復元できますか？
- ページでパーソナライズを使用できますか？
- ランディングページで訪問者がフォームを送信後、PDFにリンクするにはどうすればよいですか？
- ページの有効期限の日時を設定するにはどうすればよいですか？
- ページを公開できないのはなぜですか？
- 1つのページを複数のキャンペーンに関連付けることはできますか？
- 削除済みページを復元できますか？
以前のバージョンのページを復元できますか？
変更履歴ツールを使用すると、ページの保存済みバージョンを確認できます。ページの下書きを作成する際は、右上にある［保存］ボタンをクリックするたびに変更が保存されます。ページが公開されると、新しく公開されたバージョンも変更履歴に保存されます。
ページでパーソナライズを使用できますか？
コンタクトプロパティーまたはカスタムプロパティーを使用して、ページをパーソナライズできます。パーソナライズトークンを追加するときは必ず、新しい訪問者に適用する既定値も含めてください。パーソナライズトークンにコンタクトの値を表示するには、そのコンタクトのレコードがHubSpotアカウントに存在し、かつ、トークンとして使用されているプロパティーに既知の値が設定されていることが必須となります。
ランディングページで訪問者がフォームを送信後、PDFにリンクするにはどうすればよいですか？
訪問者がHubSpotフォームを送信した後、ゲートコンテンツ（PDFファイルや動画など）にリダイレクトするには、次の2つの方法があります。
- 訪問者をコンテンツまたはファイルURLに直接リダイレクトする
- コンテンツを含むサンキューページに訪問者をリダイレクトするページの有効期限の日時を設定するにはどうすればよいですか？
プロモーションの終了後またはイベント日が過ぎた後に、ページを期限切れとして、訪問者を新しいURLにリダイレクトすることができます。ページエディターの［設定］タブで、［ページの有効期限が切れたら、訪問者を次のページにリダイレクトする］ドロップダウンメニューをクリックして、このページが期限切れになった後のリダイレクト先を選択します。公開済みHubSpotページの1つを選択するか、［+外部URLを入力］をクリックして、HubSpotページをリダイレクトする外部ページのURLを入力します。
ページを公開できないのはなぜですか？
HubSpotのページやブログ記事では、［内部ページ名］、［ページタイトル］、［ページURL］の各フィールドに値が設定されていなければ、編集インターフェイスに［公開］オプションは表示されません。公開するページにはいずれも一意のURLが必要です。
ページで必要なフィールドが1つでも欠落している場合、右上にある［公開］ボタンにカーソルを置くと、アラートと必須フィールドのリストが表示されます。
1つのランディングページを複数のキャンペーンに関連付けることはできますか？
各個別のランディングページとウェブサイトページは、HubSpotの1つのキャンペーンにのみ関連付けることができます。すでに別のキャンペーンに関連付けられているアセットやコンテンツを新しいキャンペーンに追加すると、現在のキャンペーンから削除されます。
削除済みページを復元できますか？
現時点では、削除したHubSpotページをアプリで復元する方法はありません。誤って削除したHubSpotページを復元する必要がある場合は、サポートにご連絡ください。
ページアナリティクス
- ランディングページのダッシュボードに表示されるデータはどのくらいの頻度で更新されますか？
- ランディングページのURLを変更すると、ランディングページのアナリティクスは削除されますか？
- 特定の期間のアナリティクスを確認するにはどうすればよいですか？
- 「送信数」と「新規コンタクト数」の違いは何ですか？
- コンタクトが複数のフォームを送信してお客様になった場合、それらのランディングページのすべてでお客様としてカウントされるのですか？
- 自分のランディングページを表示してテストとして送信する場合、そのテストは送信数に計上されますか？
- 最近のフォーム送信がページのアナリティクスにすぐに反映されないのはどうしてですか？
- 重複したフォーム送信はどのように処理されますか？
ランディングページのダッシュボードに表示されるデータはどのくらいの頻度で更新されますか？
ページダッシュボードとウェブサイトアナリティクスツールのアナリティクスと指標は、20～30分ごとに更新されます。
ランディングページのURLを変更すると、ランディングページのアナリティクスは削除されますか？
ページのURLを変更しても、ページダッシュボードからデータが削除されることはありません。HubSpotでは各ページに独自の識別番号を使用して、パフォーマンスを追跡しています。これにより、データに影響を及ぼすことなくページのURLを変更できます。
注：ランディングページのダッシュボードとは異なり、ページレポートではURLに基づいてページを一意のものとみなします。ランディングページのURLを変更すると、それ以降は古いURLではなく新しいURLでページの閲覧数が追跡されます。
特定の期間のアナリティクスを確認するにはどうすればよいですか？
特定の期間のページの分析を表示するには、次の手順を実行します。
-
コンテンツに移動します。
- ウェブサイトページ：HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ウェブサイトページ］の順に進みます。
- ランディングページ：HubSpotアカウントにて、［マーケティング］ > ［ランディングページ］の順に進みます。
- ページの上にカーソルを置いて［さらに表示...］ドロップダウンメニューをクリックし、［詳細］を選択します。
［パフォーマンス］タブで［日付範囲］ドロップダウンメニューをクリックし、日付範囲を指定することで、アナリティクスをセグメント化できます。
「送信数」と「新規コンタクト数」の違いは何ですか？
- 送信数とは、ページのフォームが送信された回数を意味します。
- 新規コンタクト数とは、ページでフォームを送信してコンタクトになった訪問者の数を意味します。例えば、既存のコンタクトがランディングページでフォームを送信する場合、このコンタクトは新規コンタクトとは見なされません。
コンタクトが複数のフォームを送信してお客様になった場合、それらのランディングページのすべてでお客様としてカウントされるのですか？
コンタクトは、最初にフォームを送信したランディングページでのみ、お客様としてアナリティクスに反映されます。フォームの送信はすべてのランディングページで「送信数」に計上されますが、コンタクトが表示されるのは、最初にフォームを記入したランディングページの「新規コンタクト数」と「お客様」のみです。
自分のランディングページを表示してテストとして送信する場合、そのテストは送信数に計上されますか？
IPアドレスがレポート設定でアナリティクスから除外されている場合、テストビューと送信の回数はランディングページのデータに計上されません。
最近のフォーム送信がページのアナリティクスにすぐに反映されないのはどうしてですか？
コンタクトがフォームを送信してからその送信がページのアナリティクスに反映されるまでに20～30分の遅れが出る場合があります。フォームの最新の送信数を確認するには、フォームダッシュボードに移動します。HubSpotアカウントにて、［マーケティング］ > ［リードの獲得］ > ［フォーム］の順に進みます。ランディングページのフォームの上にカーソルを置いて、［アクション］ドロップダウンメニューをクリックし、［送信数を表示］を選択します。
重複したフォーム送信はどのように処理されますか？
すべてのフォーム送信は、ページパフォーマンスで「送信数」の合計に計上されます。同じコンタクトがランディングページでフォームを複数回送信すると、そのたびに送信数に計上されます。
