【WhatYa】CSSでのデザイン指定方法について
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管理画面上でタグの変更や更新が可能です。