外部アプリとの連携（Apps連携）

対象プラン：有料プラン

Studioでは、複数の外部アプリを連携して利用できます。

Miniプラン以上の有料プランを契約中のプロジェクトで利用が可能です。

注意：外部サービスの設定や動作についてチャット窓口でのサポート対象外となる可能性があります。Studioコミュニティでの事例検索や、質問の投稿もご検討ください。

Apps連携の種類

Apps画面の一覧は、[連携済み] と [未連携] の2つに分かれます。

設定が完了しているサービスは[連携済み]に、まだ設定していないサービスは[未連携]に表示されます。

[連携済み]に入るものが1つも無いときは、見出しが付かずに1つの一覧になります。

連携や解除を行うと、カードはもう一方へ移動します。

連携できるサービスは次のとおりです。

サービス	用途
Google Analytics	Webサイトへのアクセスを計測、レポート
Google Tag Manager	様々なツールのタグを一元管理
Google Search Console	Webサイトの検索性の確認、最適化
Google reCAPTCHA v3	Webサイトを不正や悪用から保護
Meta Pixel	Meta広告用のピクセルを設置
HubSpot Tracking	HubSpotがWebサイトのトラフィックを監視
Intercom	Webサイト上にチャットを導入
Channel Talk	Webサイトの訪問者をファンにできるチャットツール
CHILLNN	宿泊予約システムをWebサイトに導入
Studio Banner	Studioバナーをサイトに表示

Point：APIで外部データを取得する

Data Connect API機能を利用して、外部サービスのREST APIからデータを取得して、動的リストや動的ページのコンテンツとして表示できます。

Data Connect API機能は、Businessプラン以上で利用できます。利用できるエンドポイント数や機能はプランによって異なります。

Appsを連携する

Studioにログインします。
プロジェクトのダッシュボードを開きます。
左メニューの[Apps]をクリックします。
連携したいサービスのカードで、右端の[＋]をクリックします。
指示に沿ってトラッキングIDやAPIキーなどのコードを入力し、[保存]をクリックします。

各サービスの詳細な設定手順や注意点は、それぞれのヘルプ記事をご覧ください。

Apps連携を解除する

Studioにログインします。
連携を解除したいStudioのプロジェクトの、[ホーム]ダッシュボードを開きます。
左メニューの[Apps]を選択します。
[連携済み]にある、解除したいサービスのカードで、右端の[…]をクリックし、[連携を解除]を選びます。
解除すると、Apps連携したデータベース上のレコードだけでなく、公開サイトのHTMLからも値が削除されます。

無料プランで外部サービスを利用したい

Embedボックスを使って、Google Maps、formrun、SlideShareなどの外部Webサービスを公開サイトに埋め込みが可能です。

注意：独自に記述したコードや、外部サービスが提供するコードの内容および動作については、チャット窓口でのサポート対象外となる可能性があります。

GTA GA Google Tag Manager Google Search Console Google reCAPTCHA HubSpot searchconsole search console Gemini ChatGPT OAuth2.0 OAuth 2.0