お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
GoogleマップをHubSpotコンテンツに追加する
更新日時 2023年 2月 21日
対象製品
すべての製品とプラン |
インタラクティブなGoogleマップをHubSpotコンテンツに追加するには、マップの埋め込みコードをコピーしてHTMLモジュールに追加します。
Googleマップの埋め込みコードを取得する
- Googleマップに移動します。
- 検索バーに住所を入力します。
- 住所のリストで、[共有]をクリックします。
- ダイアログボックスで、[マップを埋め込む]タブをクリックします。
- マップサイズのドロップダウンメニューをクリックしてサイズを1つ選択します。
- [HTMLをコピー]をクリックして、マップの埋め込みコードをコピーします。
ドラッグ&ドロップエディターでGoogleマップを追加する
-
コンテンツを開きます。
- ブログ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
- ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
- コンテンツの上にカーソルを重ねて[編集]をクリックします。
- コンテンツエディターで、サイドバーエディターの検索バーに「HTML」と入力します。
- HTML モジュールをクリックし、コンテンツ内の所定の位置にドラッグします。
- HTMLモジュールをクリックして、編集します。
- サイドバーエディタに、Google Mapの埋め込みコードを貼り付けます。
ドラッグ&ドロップエリアのないコンテンツにGoogleマップを追加する
コンテンツにドラッグ&ドロップ領域がない場合は、テンプレートに直接HTMLモジュールを追加し、コンテンツエディターでHTMLモジュールを編集する必要があります。
HTMLモジュールをテンプレートに追加する
-
モジュールのインストールが完了したら、あなたのコンテンツに移動します。
- ブログ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
- ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
- コンテンツの上にカーソルを重ねて[編集]をクリックします。
- [設定]タブをクリックし、[詳細オプション]をクリックします。
- [テンプレート]セクションで、[このテンプレートを編集]をクリックします。
- デザインマネージャーで、インスペクター内の[+追加]をクリックします。
- 検索バーに「HTML」と入力します。
- HTMLモジュールをクリックし、テンプレート内の位置までそれをドラッグします。
- 右上の[変更を公開]をクリックします。
埋め込みコードをHTMLモジュールに挿入する
- HubSpotアカウントで、ブログ、ウェブサイトページ、またはランディングページに移動します。
- コンテンツの上にカーソルを重ねて[編集]をクリックします。
- コンテンツエディターで、[HTMLモジュール]をクリックします。
- サイドバーエディターで、Googleマップの埋め込みコードを貼り付けます。
Landing Pages
Blog
Website Pages
貴重なご意見をありがとうございました。
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。
関連記事
-
ページを作成し、カスタマイズする
HubSpotでは、ウェブサイトとランディングページを作成できます。ページのコンテンツと設定をカスタマイズしたり、検索エンジンのページを最適化したりできます。 始める前に 作成するページタイプの書き込み権限...
ナレッジベース -
非公開コンテンツにアクセスするためのメンバー登録を必須にする
を持つユーザーパブリッシュ権限は、HubSpotがホスティングする特定のページ、ブログ、ナレッジベース記事にアクセスできるコンタクトを制御できます。閲覧用のパスワード登録が必要な特定のコンテンツに、特定の...
ナレッジベース -
HubSpotコンテンツに動画を追加する
HubSpot動画を使用すると、ファイルツールに動画をアップロードし、ページ、マーケティングEメール、ブログ記事、ナレッジベース記事に動画を追加できます。 HubSpot動画は、ドラッグ&ドロップ マーケティングEメール
ナレッジベース