【GTM活用】GoogleタグマネージャーでLOOV動画を設置する方法と注意点

Googleタグマネージャー（GTM）を使ってLOOV動画を自社サイトに設置することが可能です。
ここでは、GTMを利用したLOOV動画（ポップアップ型・カスタマイズ型）の設置方法と、正しく表示されない場合の対処法をご紹介します。

GTMでLOOV動画を設置する手順

LOOVで発行される「埋め込みコード」をGTMに登録します。

1. LOOV管理画面から埋め込みコードを取得

📖 取得方法はこちら：

2. GTMにタグを作成する

タグタイプ：HTML カスタムタグ
トリガー：動画を表示したいページに合わせて設定（例：URLが「/product」含むなど）

⚠️ 動画が表示されない／動作しない場合

一部の環境では、GTM経由で設置すると data-script-id などの属性が正しく反映されず、動画が表示されないケースがあります。
その場合は、以下のようにスクリプトを修正してください。

<!-- LOOV -->
<script language="javascript" charset="UTF-8" type="text/javascript">
var script = document.createElement('script');
script.id = 'loov-embed-script';
script.src =
'https://service.loov-video.com/scripts/embedded.js';
script.setAttribute('data-script-id', '管理画面から取得したdata script id');
script.async = true;
document.head.appendChild(script);
</script>
<!-- LOOV END -->

※ data-script-id はLOOVで発行された埋め込みコードからコピーしてください。

data script idの取得方法

埋め込みコード（head）で表示された以下の箇所をコピーしてください。

<!-- LOOV -->
<script id="loov-embed-script" src="https://service.loov-video.com/scripts/embedded.js" data-script-id="ここの文字列をコピーする" async></script>
<!-- LOOV END -->