カテゴリー
Develop

WordPressでのCookie同意制御 #3

前回の記事(WordPressでのCookie同意制御 #2)でハードブロック(同意するまでタグを読み込まない)モードを適用した。これにより同意しない場合にはGoogleタグが配信されないという厳密な挙動をするようになったのだが、その結果GA4のアクセス数が激減した😓

まぁ当然の話なのだが、サイト状態を把握できなくなるのも色々な検証するのにちと困る。

ということでGoogleタグは同意状態に応じて情報を匿名処理するAdvanced Consent Modeがあるので、それを利用する構成に変更する。

カテゴリー
Develop

WordPressでのCookie同意制御 #2

2ヶ月以上空いてしまったがWordPressでのCookie同意制御 #1の続き。

前回設定では同意設定前挙動が制御できていない状態だったので、そこを制御できるようにしていく。

さて無料版でどこまで頑張れるのか・・・🤔

カテゴリー
Develop

Snow Monkey FormsのGA4連携

WordPressのフォーム系プラグインにSnow Mokey Forms (※以後 SMF) というプラグインがある。

Snow Monkey Forms – WordPress プラグイン | WordPress.org 日本語

これは開発終了した人気フォーム系プラグインMW WP Formの作者が後継として開発しているプラグイン。

フォーム系プラグインではContact Form 7もポピュラーだが、標準で確認・完了画面が存在しないためか日本では敬遠されがち😓。

SMFはMW WP Formの知見を元に最適化されていてかなり使いやすい。ただ、入力>確認>完了の処理プロセスがAjax処理されておりURLが変化しないため、GA4のPageViewベースでの実績把握が難しいという課題がある。

これをSMFのDOMイベントを使ってWordpress側には手を入れずGTMだけで対応してみるメモ

カテゴリー
Develop

Gemini 2.5 TTS

試してみた。

日本語読解精度がかなり向上。また文章を踏まえてなのか抑揚表現も自然な感じ。あとブレス音が人間っぽい感じをかなり醸し出している。

サンプルとして宮崎吐夢さんの「ペリーのお願い」をTTSしてみた😅

カテゴリー
Design Develop

モーダルダイアログの背面を覆うあの板の名前

Ref : https://m3.material.io/styles/elevation/applying-elevation

DialogやDrawerをModal展開した時に背面に敷く板のお話。

丁寧に書くとモーダルやダイアログ、ドロワー展開時に背面UIを視覚的に減弱させつつ、操作遮断してユーザーの注意を前面UIに集中させる半透明レイヤーのこと(最近はボカシタイプもある)

こいつの名前がプロジェクト毎に「下敷き」「グレー板」などバラバラ、かつイマイチで20年ぐらいモヤモヤしている🤔

カテゴリー
Develop

WordPressでのCookie同意制御 #1

世界的に個人情報保護の観点からCookieの制御要件が高まりグローバル企業ではGDPR、CCPAなどの対応が訴訟リスク回避の観点からも必要になっている。

日本も海外ほどでは無いけれども2022年施行の改正個人情報保護法により、「個人を識別可能な情報の第三者提供」に対する一定の同意が必要になっている。

日本の規制強度も高まる可能性があるため、そのへんも見越してWordpressで構築されたサイトでの対応方法を検証してみる。

カテゴリー
Develop

パスワードルール

「英数・記号の混在」はもう古い NISTがパスワードポリシーの要件を刷新:セキュリティニュースアラート – ITmedia エンタープライズ

カテゴリー
Design Develop

Figmaのメインコンポーネント移動

FigmaでB2B系など画面数が多いサービスをデザインするときに汎用パーツをコンポーネントにして一元管理することでデザイン・仕様変更などの対応コストを抑える構成にするが、その際にFigmaのライブラリ機能を使ってメインコンポーネントと画面デザインを別Figmaで運用することも多い。(MUIなどのデザインシステムのコンポーネントFigmaを利用する場合も同様)

ただ画面デザイン工程でメインコンポーネントに必要な要素が網羅されていることは少なく、往々にしてコンポーネントの作成+追加が必要になる。

その際に、画面デザインFigmaで作成したコンポーネントを、メインコンポーネント管理のFigmaに移動させる場合があるのだけど、この方法がちょとわかりづらく、失敗するとメインコンポーネントに紐づかない迷子インスタンスが発生して実装時に混乱が生じるので、メインコンポーネントの移動方法をメモしておく。

カテゴリー
Develop

SourceTreeが起動しない@win11

何年か周期でWindowsUpdateの影響でSourceTreeが起動しなくなることがあるので解決法をメモ。

下記Composition.cacheを削除、もしくはRenameすればOK。

C:\Users\%USERNAME%\AppData\Local\Atlassian\SourceTree.exe_Url_%謎のID%\%VERSION%\Composition.cache
// %謎のID%や%VERSION%はその時の状況で異なると思う

参照

カテゴリー
Develop

Looker StudioのREGEXP_REPLACEメモ

Looker StudioでPage Pathなどを置換してレポート作成する場合、リソースにカスタムフィールド追加してREGEXP_REPLACE関数で処理を行うが、ヘルプのサンプル (REGEXP_REPLACE – Looker Studioのヘルプ) だとちょっとわかりにくい部分があるのでメモ。