すみません、1つ上の返信なのですが、AutopitimizeでJavaScriptコードの最適化が走っていたために確認できなかったようでした。
こちらの設定の問題でしたので、上記への返信は不要でした･･･。失礼いたしました。
ありがとうございます！
my-snow-monkey.php に下記追記してみたのですが、コードが追加されず（ソースやDataLayer値への追加が確認出来ず･･･）でして･･･。そのままコードを挿入して追加ではダメなのでしょうか。
// 同意モード用スクリプトの追加
add_action(
'wp_head',
function () {
?>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {dataLayer.push(arguments);}
gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied',
'functionality_storage': 'denied',
'personalization_storage': 'denied',
'security_storage': 'denied'
});
const cmd = "yuwai-inc.jp"
const matches = document.cookie.match(new RegExp(
"(?:^|; )" + "cookie_consent_gcm_data".replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
));
let val = null;
if (matches) {
cData = JSON.parse(decodeURIComponent(matches[1]));
if (cmd === cData.cmd) {
val = cData.gGcType
}
}
if (!val) {
const lData = localStorage.getItem('cookie_consent_gcm_data')
if (lData) {
const lCmdData = JSON.parse(decodeURIComponent(lData))[cmd]
if (lCmdData) {
val = lCmdData.gGcType
}
}
}
if (val) {
let updateVal = {};
for (let i = 0; i < val.length; i++) {
updateVal[val[i]] = 'granted';
}
if (Object.keys(updateVal).length !== 0) {
gtag('consent', 'update', updateVal);
}
}
</script>
<?php
},
1
);
また、シークレットウィンドウで見ると、Firefoxと同じ正しい表示でした。
なるほどです。恐らくブラウザキャッシュの影響ではないかと思います。サーバーの設定や使用しているプラグインの設定によってブラウザキャッシュを強く残すようになっている場合、CSS や JS、画像を更新したのにキャッシュ（ブラウザに一時的に保存されている古いバージョン）が使用されて、新しいものが反映されないということが起こり得ます。
ありがとうございます！
パラメーターが色々あって、タグマネージャーの ID みたいにぽんと入れれば終わりというわけではなさそうなので、サクッと機能追加するのは難しそうですね…。今後のアップデートで、「Google 同意設定を有効化」にチェックを入れると下記のコードが出力されるようになる、さらに default の各パラメーターの値はフィルターフックでカスタマイズできるようにする、というのはやりたいなと思いました。
<script>
// Define dataLayer and the gtag function.
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// Set default consent to 'denied' as a placeholder
// Determine actual values based on your own requirements
gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied'
});
</script>
ということで、現段階では独自にアクションフックを使って計測タグを挿入する形になるかなと思います。現状タグマネージャーのコードは wp_head の優先度 10 で出力されているので、wp_head の優先度 10 未満で計測タグを出力するようにすると良いのかなと。
add_action(
'wp_head',
function () {
?>
// ここに計測タグ
<?php
},
1
);
これでタグマネージャーのコードより前に（「直前」にコントロールする方法は現状無いです…）出力されると思うので試してみてください！
キタジマ様
早々にお返事いただきありがとうございました。
返信遅くなりまして、失礼いたしました。
ご教示いただいた通り、ファーストビューのSafariはアニメーションを止めて表示されました。
また、シークレットウィンドウで見ると、Firefoxと同じ正しい表示でした。
なぜこのようなことが起こるのか理解できておりませんが、外部からみた場合は正しい表示がされていると言うことなのかと認識しましたが、間違いないでしょうか。
ひとまず解決ということでトピックは閉じます。
また不具合があった際は、相談させていただけますと幸いです。
【当該サイトのURL】
### 実現したいこと
投稿の一覧で、各投稿のカテゴリーを複数表示にしたい。
カテゴリーの設定はリノベーション、トイレ、キッチンです。
解決方法があればご教授お願い致します。
初めての投稿なので、失礼があった場合はすみません。
### 発生している問題
カスタマイズ方法を設定しましたが、
カテゴリーが縦に並ばず、既存の位置に重なりあっていて、当該サイトのように表示されない。
