機能詳細｜ウェブ・ウィジェット - ソースコードのインストール方法 – Crescendo Lab ヘルプセンター

ウェブ・ウィジェットを作成後、ソースコードが表示されますが、インストール方法がわからないというお悩みはありませんか？

この記事では、ご自身の公式サイト環境に基づき、インストール完了までをサポートします。
工具1.png
　　　　　　　　　　　　インストール時に生成されるソースコード画面

▶︎ インストールの前に、公式サイトの環境をご確認ください。

➤ 91APPを使用した公式サイト

91APPユーザーは、まず91App Account ManagerにGTMを申請してください。
申し込み完了後、記事最後の「GTMをインストール手順」をご覧ください。

➤ WACAを使用した公式サイト

WACAユーザーはまずGTMをを設定します。こちらをクリックし詳細手順をご確認ください。
完了後、記事最後の「GTMをインストール手順」をご覧ください。

➤ SHOPIFYを使用した公式サイト

SHOPIFY管理画面にログインし、左の目次にある「オンラインストア」＞「テーマ」をクリックします。
「現在のテーマ」で「アクション」をクリックします。
「ソースコードを編集」をクリックします。

　　　　　　　　　　　　　　　　　SHOPIFY管理画面
「Layout」フォルダにある「theme.liquid」をクリックします。
ソースコード内の<head>を見つけ、その下に「ウェブ・ウィジェット」のソースコードを貼り付けます。
右上の「保存」をクリックすれば完了です。

　　　　　　　　　　　　　　　ソースコード挿入場所

➤ SHOPLINEを使用した公式サイト

SHOPLINEユーザーはまずGTMを設定します。こちらをクリックし詳細手順をご確認ください。
完了後、記事最後の「GTMをインストール手順」をご覧ください。

➤ オリジナル公式サイト

サイト編集ツールを開き、<head>の下に「ウェブ・ウィジェット」のソースコードを貼り付けます。
GAのインストール方法と同様に、必ず全てのページの<head>の下に貼り付けてください。
保存後、更新したサイトをアップロードしたら完了です。

▶︎ GTMを実装する方法

91APP、WACA、SHOPIFY、SHOPLINEのユーザーはまずGTMをの設定を完了してください。
設定完了後に、 GTM管理ページにログインします。
「コードを追加」をクリックします。

　　　　　　　　　　　　　　　　　　　GTM管理画面
コードの名称を設定します（例：ウェブ・ウィジェット）
「タグの設定」をクリックします。

　　　　　　　　　　　　　　GTM上でのコードセットの新規作成
右に多数の選択肢が出ますが、「カスタムHTML」を選択します。

　　　　　　　　　　　　　　　　タグタイプの選択画面
「ウェブ・ウィジェット」のソースコードをコピーして、HTML欄に貼り付けます。

　　　　　　　　　　　　　ウェブ・ウィジットのソースコードを設定
下部にある「トリガー」をクリックします。

　　　　　　　　　　　　　　　　　　出現トリガーの設定
右からウィンドウがスライドされますので、「All Pages」を選択します。

　　　　　　　　　　　　　　　　　　出現トリガーの設定
右上の「保存」をクリックします。

　　　　　　　　　　　　　　　　　ウェブ・ウィジット設定完了
右上の「提出」をクリックします。
右から「変更を提出」ウィンドウがスライドで出現するので、「公開」をクリックします。
公開途中に、「コンテナバージョンの説明」を問われる可能性ありますが、無視しても問題ありません。
おめでとうございます、これで設定作業は完了です！15分待てば、公式サイトで効果を確認できます。

🚨 注意：

インストール完了後、MAAC管理画面のウェブ・ウィジェットを「オフ」から「オン」に変更してください。
15分後に公式サイトで効果をご確認ください。
１アカウント１回インストールするだけです。

▶︎ ソースコードは個人情報を収集しますか？

使用者のIPなどといったインターネット接続情報を含めたcookie及びブラウザ情報などは記録されますが、ユーザー個人を認識できる情報（身分証IDカード、名前などといった個人を特定できる情報）は含まれていません。