【WhatYa】CSSでのデザイン指定方法について

status:WhatYa V2

レビュー画面でチャット画面のデザインを決めた後のCSS指定方法についての記事です。

※HTML内にCSSを直接追加するイメージ

HTML内にCSSを直接追加する方法の場合、チャットを埋め込む全ページにCSSを追加いただくこととなり、
CSSを変更する場合各ページに追加したCSSを一つ一つ変更する必要があり、管理が煩雑となります。

そのため、大半のお客さまは下記3パターンが多いかと思われます。
・外部のCSSファイルを読み込む方法
・Googleタグマネージャ（GTM）のタグにCSSを埋め込む方法
・Googleタグマネージャ（GTM）のタグにCSSファイルを指定する方法

①HTML上でCSSファイルを指定することでCSSは反映されますか？（＝外部CSSファイルで読み込みはできますか？）
→はい

②Googleタグマネージャ（GTM）上で設定しているタグにCSSファイルを指定することでCSSは反映されますか？
→はい

※タグの種類をカスタムHTMLにし、外部ファイル読み込みのタグを入れる

③Googleタグマネージャ（GTM）上で設定しているタグにCSSを直接埋め込むことでCSSは反映されますか？
→はい

※タグの種類をカスタムHTMLにし、<style></style>タグで囲んだCSSを埋め込む

・Googleタグマネージャ（GTM）…
様々なタグ（広告タグやGoogleアナリティクス等）を一元管理できるツール
GoogleタグマネージャのタグをHTMLに追加し、GTM管理画面にタグを登録すると、GTM管理画面上でタグの変更や更新が可能です。

WhatYaヘルプナレッジ