ページデザイン、ページの公開、ページアナリティクスに関してよく寄せられる質問への回答がすばやく見つかります。HubSpotテンプレートまたはスタイルシートを変更する最適な方法は、元のテンプレートデザイナーと連携して変更することです。
注：アセットマーケットプレイスから購入したテンプレートを使用している場合は、ページのデザインに関する質問についてはそのテンプレートのデザイナーにお問い合わせください。
ページデザイン
- ナビゲーションメニューの色とフォントを管理するにはどうすればよいですか？
- ページテンプレートを編集するにはどうすればよいですか？
- ページのソースコードで編集できますか？
- ページに動画やオーディオファイルを埋め込むにはどうすればよいですか？
- 特定のページだけ背景色を変更するにはどうすればよいですか？
- フローティング画像の周囲にテキストの回り込み効果を入れるには、どうすればよいですか？
HTMLとCSSを読み、記述することに慣れている場合：
- CMSフレームワークのチュートリアル、ガイド、概要については、CMSリファレンスドキュメントを参照してください。
- コードに関するヒント、アドバイス、トラブルシューティングが必要な場合は、コミュニティーのCMS開発フォーラムを検索し、メッセージを投稿してください。
- CMS開発者コミュニティーSlackで、HubSpotのプロダクトチームやHubSpotのその他の開発者とつながります。
HTMLとCSを読み、記述することに慣れていない場合：
- ウェブサイトデザインの専門知識を所有する認定HubSpotパートナーに連絡して、テンプレートのカスタマイズに関するヘルプを依頼してください。
- スターターテンプレートまたはテーマテンプレートを使用すると、コードを一切編集せずにページスタイルを編集できます。
- アセットマーケットプレイスから購入したテンプレートを使用している場合は、ページのデザインに関する質問についてはそのテンプレートのデザイナーにお問い合わせください。
ヒーロー背景画像を作成するにはどうすればよいですか？
ヒーロー画像を作成する最適な方法は、使用しているページテンプレートのタイプに応じて異なります。
- ヒーロー背景画像を使用してウェブサイトページを作成する場合に、デザインにヒーロー画面が含まれているテーマテンプレートを使用するには、CMS Hub ProfessionalおよびEnterpriseのアカウントが必要です。テーマテンプレートではドラッグ＆ドロップによる編集も可能であり、ページ全体のセクションの背景画像を選択できます。
ナビゲーションメニューのメニュー項目とリンクは、アカウント設定のナビゲーション設定で管理します。ただしメニューのデザインはページテンプレートに基づいています。メニューの色、フォント、間隔、全般的な表示形式は、ページテンプレートに適用されるスタイルによって制御されます。
- デザインマネージャーツールで作成されたレイアウトテンプレートを使用している場合、テンプレートに添付されたスタイルシートのCSSによって制御されます。
- テーマテンプレートを使用している場合、ナビゲーションメニューのデザインはテーマ設定によって制御されます。
CTAを中央に配置するにはどうすればよいですか？
CTAを中央に配置する手順は、使用しているページテンプレートのタイプに応じて異なります。
ドラッグ＆ドロップエリアを伴うスターターテンプレート、テーマテンプレート、またはコードテンプレートでCTAを中央に配置するには、モジュールの [位置合わせ] の設定でCTA モジュールを中央に配置できます。
- ページエディターでCTAをクリックして、そのCTAを選択します。
- 左側のパネルで [スタイル] タブをクリックします。
- [位置合わせとスペース] をクリックしてそのオプションを展開します。
- [位置合わせ] セクションで 中央寄せアイコンをクリックします。
デザインマネージャーで作成されたレイアウトテンプレートでCTAを中央に配置するには、CTAをリッチテキストモジュールに追加し、このモジュール内で中央に配置すると最適な結果を得ることができます。
- ページエディターでリッチテキストモジュールをクリックして、そのモジュールを選択します。
- 上部ナビゲーションバーの [挿入] > [CTA] をクリックします。
- CTA をクリックして選択し、[挿入] をクリックします。
- リッチテキストモジュール内で CTA をクリックします。[CTAオプション] ダイアログボックスがアクティブになります。
- [レイアウト] セクションで 中央寄せアイコンをクリックします。これにより、ページのリッチテキストモジュール内の中央にCTAが配置されます。
CSSの編集になれている場合は、このモジュールのコンテンツを常に中央にハイツするようにレイアウトテンプレートをカスタマイズできます。
ページテンプレートを編集するにはどうすればよいですか？
ページのテンプレートを編集するには、ページエディターの [設定] タブからテンプレートにアクセスできます。
注：既存のページに適用されるテンプレートを変更する場は、現在のテンプレートと同じタイプのテンプレートのみを選択できます。ドラッグ＆ドロップエディターを使用しているページでは、ドラッグ＆ドロップ編集が有効になっているテンプレートのみに切り替えることができます。
- HubSpot アカウントで、ランディングページ、ウェブサイトページ、ブログ、またはEメールに移動します。
- ダッシュボードで、テンプレートを編集するページ、投稿、またはEメールにマウスポインタ―を合わせて [編集] をクリックします。
- コンテンツエディターの一番上にある [設定] タブをクリックし、下にスクロールして [詳細オプション] をクリックします。
- テンプレートを編集するには、[テンプレート] セクションで [このテンプレートを編集] をクリックします。
このページに使用されているテンプレートを変更する場合は、[別のテンプレートを使用] をクリックします。
ページのソースコードで編集できますか？
ほとんどのタイプのテンプレートではリッチテキストモジュールでソースコードにアクセスできます。ソースコードにアクセスするには、リッチテキストモジュールをクリックしてエディターツールバーを有効にします。右上の [詳細] > [ソースコード] をクリックします。編集を行い、左下の [保存] をクリックします。
注：スターターテンプレートにソースコードにはアクセスできません。
フローティング画像の周囲にテキストの回り込み効果を入れるには、どうすればよいですか？
リッチテキストモジュールの整列オプションを使用して、任意の画像をフローティング画像にすることができます。それにはまず、ページ上に配置する画像を挿入します。次に、コンテンツエディター内で画像をクリックして書式設定オプションを開きます。
ページに動画やオーディオファイルを埋め込むにはどうすればよいですか？
- すべてのタイプのページテンプレートでは、サポートされているプロバイダーからの動画 URLを埋め込むことができます。
- Vidyardを利用したHubSpot動画の場合、Marketing Hub ProfessionalおよびEnterpriseのアカウントとCMS Hub ProfessionalおよびEnterpriseのアカウントは、動画コンテンツをリッチテキストモジュールに追加し、HubSpotで動画アナリティクスをトラッキングできます。この機能はスターターテンプレートでは使用できません。
- また、HuSpot向けのVidyard連携が利用可能です。
特定のページだけ背景色を変更するにはどうすればよいですか？
ドラッグ＆ドロップエリアを伴うスターターテンプレート、テーマテンプレート、コードテンプレートには、背景スタイルオプションがあるページセクションがあります。セクションの背景に適用されるスタイルを編集する方法を参照してください。
レイアウトテンプレートの場合、個々のページの背景色を変更するには、ウェブサイトページまたはランディングページのヘッドHTMLにシンプルなCSSを追加します。
- 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 でページの閲覧数が追跡されます。
特定の期間のアナリティクスを確認するにはどうすればよいですか？
特定の期間のページのアナリティクスを確認するには、ランディングページまたはウェブサイトページに移動します。目的のページの上にカーソルを置いて [続き] ドロップダウンメニューをクリックし、[詳細] を選択します。
[パフォーマンス] タブで [日付範囲] ドロップダウンメニューをクリックし、日付範囲を指定することで、アナリティクスをセグメント化できます。
「送信数」と「新規コンタクト数」の違いは何ですか？
- 送信数とは、ページのフォームが送信された回数を意味します。
- 新規コンタクト数とは、ページでフォームを送信してコンタクトになった訪問者の数を意味します。たとえば、既存のコンタクトがランディングページでフォームを送信する場合、このコンタクトは新規コンタクトとは見なされません。
コンタクトが複数のフォームを送信してお客様になった場合、それらのランディングページのすべてでお客様としてカウントされるのですか？
コンタクトは、最初にフォームを送信したランディングページでのみ、お客様としてアナリティクスに反映されます。フォームの送信はすべてのランディングページで「送信数」に計上されますが、コンタクトが表示されるのは、最初にフォームを記入したランディングページの「新規コンタクト数」と「お客様」のみです。
自分のランディングページを表示してテストとして送信する場合、そのテストは送信数に計上されますか？
IP アドレスがレポート設定でアナリティクスから除外されている場合、テストビューと送信の回数はランディングページのデータに計上されません。
最近のフォーム送信がページのアナリティクスにすぐに反映されないのはどうしてですか？
コンタクトがフォームを送信してからその送信がページのアナリティクスに反映されるまでに 20 ～ 30 分の遅れが出る場合があります。フォームの最新の送信数を確認するには、フォームダッシュボードに移動します。HubSpotアカウントにて、［マーケティング］ > ［リードの獲得］ > ［フォーム］の順に進みます。ランディングページのフォームの上にカーソルを置いて、[アクション] ドロップダウンメニューをクリックし、[送信数を表示] を選択します。
重複したフォーム送信はどのように処理されますか？
すべてのフォーム送信は、ページパフォーマンスで「送信数」の合計に計上されます。同じコンタクトがランディングページでフォームを複数回送信すると、そのたびに送信数に計上されます。