jingtian– Author –
-
XML Sitemap Generator for Google不具合のダウングレード対応、代替プラグイン
Googleサーチコンソールへの登録 WordPressで作成したサイトの場合「Site Kit by Google」というプラグインで行うとスムーズです インデックス登録の方法 Googleにイン... -
【WordPress】パンくずリスト作成（プラグインBreadcrumb NavXT）
Breadcrumb NavXT インストールして有効化 パンくずにホームページを含める。等設定をする テンプレートファイル編集 ファイルの表示したい箇所に下記コード <div cl... -
Reactプロジェクト作成方法
作業ディレクトリを作成 作成したディレクトリをVSCodeでひらきます Node.jsをインストールする 下記コマンドでバージョン確認ができればインストール済みです node -v ... -
Googleタグマネージャーで好きな地点までのスクロール計測
chrome拡張機能「Page Percentizer」 10%刻みで線を引くことができます https://chromewebstore.google.com/detail/page-percentizer/dlgollejhdkimfihhhlocjpbdjgkffij... -
Looker Studio使用法
Looker Studioとは 無料のダッシュボードツールです Googleアナリティクスのイベントを可視化できます GA4のレポート探索より自由度が高く定点観測がしやすいです Looke... -
【GTM】サンクスページがないフォームの計測
フォーム送信完了のイベントの作成 タグの作成 名前：問い合わせ完了2 タグの種類：Google アナリティクス: GA4 イベント イベント名：generate_lead イベントパラメー... -
【Googleタグマネージャー】バナー表示イベント
バナークリックイベントの作成 ↓ページ下部のようなIDが付与されているバナーの表示イベントを考えます。 ▼Googleタグマネージャーの変数より【Click Element】があるか... -
【CSS】「grid」便利な使い方、flexボックスでjustify-content: center;だけど子要素は左寄せにしたい場合
↑下の行を左寄せにしたい display: grid; display: flex;ではなくdisplay: grid;にする .grid { display: grid; grid-template-columns: repeat(auto-fit, 80px); justi... -
【GA4】キーイベント（コンバージョンイベント）の登録
※アナリティクスのコンバージョンは、キーイベントという名前に変更されました。 方法（1）キーイベントから設定 ▼データの表示からキーイベントを選択 ▼新しいキーイベ... -
【Google Tag Manager】サンクスページ到達イベントの作成
準備 今回はプラグイン「コンタクトフォーム7」でフォームを作成、サンクスページを下記記事参考で作成しました https://wpmake.jp/contents/plugin/contact-form7/than... -
設定したイベントをGA4の探索で見る方法
探索機能で設定した情報を確認する方法 データ探索で空白を選択（基本的な内容） ▼Googleアナリティクスで探索から空白を選択 ディメンションを選択する ※ディメンショ... -
【WordPress】カラーパレット追加方法
▼functions.php function my_wp_theme_json_data_theme( $theme_json ){ $new_data['version'] = 2; // カラーパレット カスタマイズ 既存パレットに追加（単色） $... -
【Googleタグマネージャー】内部リンククリックイベント作成手順
1）組み込み変数の設定 ▼Googleタグマネージャーで変数を選択し組み込み変数の設定をクリック ▼Click URLとClick Textを追加 2）タグの作成 タグの設定 名前：内部リン... -
「Googleタグマネージャー」アカウントを作る→「GA4」を設定する方法
Google Tag Manager（GTM）とは Google Tag Managerで扱うタグとはWebサイトとマーケティングツール間で情報をやりとりするためのコードです Googleアナリティクス、Goo... -
【テンプレートタグ】the_post_thumbnailでサイズ指定ができない
<?php the_post_thumbnail(array(200, 100)); ?> 上記のように(200, 100)と指定しているのに、実際は img[Attributes Style] { width: 150px; aspect-ratio: ... -
WordPressの編集画面にCSSをあてる方法
1）CSSファイルを用意 下記のように実際の表示に近いスタイルをあてれるよう記載 https://siennahare23.sakura.ne.jp/e-style/editor.css h2.wp-block-heading { font-s... -
【WordPress】オリジナルテーマ作成手順
1）テーマのディレクトリ作成する wp-content/themes/ ディレクトリ内にテーマ名のディレクトリを作成します。 public\wp-content\themes\テーマ名 2）テーマに必要なフ...
