Googleサーチコンソールへの登録 WordPressで作成したサイトの場合「Site Kit by Google」というプラグインで行うとスムーズです インデックス登録の方法 Googleにイン...

Breadcrumb NavXT インストールして有効化 パンくずにホームページを含める。等設定をする テンプレートファイル編集 ファイルの表示したい箇所に下記コード <div cl...

作業ディレクトリを作成 作成したディレクトリをVSCodeでひらきます Node.jsをインストールする 下記コマンドでバージョン確認ができればインストール済みです node -v ...

chrome拡張機能「Page Percentizer」 10%刻みで線を引くことができます https://chromewebstore.google.com/detail/page-percentizer/dlgollejhdkimfihhhlocjpbdjgkffij...

Looker Studioとは 無料のダッシュボードツールです Googleアナリティクスのイベントを可視化できます GA4のレポート探索より自由度が高く定点観測がしやすいです Looke...

フォーム送信完了のイベントの作成 タグの作成 名前：問い合わせ完了2 タグの種類：Google アナリティクス: GA4 イベント イベント名：generate_lead イベントパラメー...

バナークリックイベントの作成 ↓ページ下部のようなIDが付与されているバナーの表示イベントを考えます。 ▼Googleタグマネージャーの変数より【Click Element】があるか...

↑下の行を左寄せにしたい display: grid; display: flex;ではなくdisplay: grid;にする .grid { display: grid; grid-template-columns: repeat(auto-fit, 80px); justi...

※アナリティクスのコンバージョンは、キーイベントという名前に変更されました。 方法（1）キーイベントから設定 ▼データの表示からキーイベントを選択 ▼新しいキーイベ...

準備 今回はプラグイン「コンタクトフォーム7」でフォームを作成、サンクスページを下記記事参考で作成しました https://wpmake.jp/contents/plugin/contact-form7/than...

探索機能で設定した情報を確認する方法 データ探索で空白を選択（基本的な内容） ▼Googleアナリティクスで探索から空白を選択 ディメンションを選択する ※ディメンショ...

▼functions.php function my_wp_theme_json_data_theme( $theme_json ){ $new_data['version'] = 2; // カラーパレット カスタマイズ 既存パレットに追加（単色） $...

1）組み込み変数の設定 ▼Googleタグマネージャーで変数を選択し組み込み変数の設定をクリック ▼Click URLとClick Textを追加 2）タグの作成 タグの設定 名前：内部リン...

Google Tag Manager（GTM）とは Google Tag Managerで扱うタグとはWebサイトとマーケティングツール間で情報をやりとりするためのコードです Googleアナリティクス、Goo...

<?php the_post_thumbnail(array(200, 100)); ?> 上記のように(200, 100)と指定しているのに、実際は img[Attributes Style] { width: 150px; aspect-ratio: ...

1）CSSファイルを用意 下記のように実際の表示に近いスタイルをあてれるよう記載 https://siennahare23.sakura.ne.jp/e-style/editor.css h2.wp-block-heading { font-s...

1）テーマのディレクトリ作成する wp-content/themes/ ディレクトリ内にテーマ名のディレクトリを作成します。 public\wp-content\themes\テーマ名 2）テーマに必要なフ...