shortycolossus | 非WEBマーケターのためのWEBマーケティング
no image

Google Tag ManagerでAnalyticsのイベント値にURLパラメーターの値を使用する方法

Google Tag ManagerでAnalyticsのイベント値にURLパラメーターの値を使用する方法左サイドバーの『変数』をクリック下の方の『ユーザー定義変数』の『新規』をクリック『変数の設定』をクリックして『URL』を選択『要素タイプ』で『クエリ』を選択する特定のパラメー

no image

Google OptimizeをGoogle Tag Managerを使ってインストールする一番いい方法

結論から言うとTag Managerを挟んでGTMのGoogle Analytics使用+GTMのGoogle Optimize使用+カスタムタグ使ってGoogle Optimizeの非表示スニペット4000msが、運用的にもユーザー体験的にも大きな問題は無いように思いました。試したのは以下の7つのパターンです。1.Google Analyticsのana

no image

【早めに設定したい!】WordPressのリビジョン取得頻度の変更とリビジョンデータの 削除方法

自動保存の間隔を調整する方法https://macoblog.com/wp-writing-autosave/#h-anker24リビジョンデータを削除する方法

no image

【覚書】WordPressのメディアにあるタイトル・キャプション・代替テキスト・説明は どうちがうのか?

タイトル:img属性のtitle要素。画像の補助説明を書く。ツールチップに表示。代替テキスト:img属性のalt要素。画像が表示されないとき用のテキストを設定。キャプション:WordPress独自の項目。画像の直後に画像の説明文を表示。説明:HTMLには書き出されない。管理画面で画像を探すときに使えるここのサイトがわかりやすかった。

no image

背景に斜線のパターンを入れられるCSS!レスポンシブ対応

斜線入りの黄色背景見出しの背景などでたまに使いたくなる斜線パターン。イラストレーターなどで簡単に作れますが、CSSでも作れます。

no image

複数デザイン案の会社概要や名刺を作る時のポイント

複数デザインはデザイナー能力のアピールの場複数案のデザインが求められる時は、相手がどんなデザインがいいかわかっていなかったり、デザイナーの力量や方針を把握していないことが原因です。複数案を作ること自体は、複数分の工数を使うことになり生産的ではなくなりますが、デザイナーの能力をアピールする良い場になります。複数案は似たようなものを出さない複数案を作

no image

WordPressの子テーマのCSSに更新日時のパラメータをつけてブラウ ザキャッシュを回避する

スタイルシートを変更したときに、ブラウザキャッシュが効いていると見た目が崩れることがあります。ブラウザキャッシュを回避するには、スタイルを呼び出すときにパラメーターでバージョンを持たせるとできます。add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );function theme_enqueue_style

no image

WordPressで特定のタクソノミーアーカイブの並び順と表示フィル ターの指定方法

ここではsession_startに格納されているY-m-d H:i:s形式の日付と比較しています。query_postsを使うとサイトが遅くなるので使ってはいけません。pre_get_postsを使用することでloopを回す前にqueryに変更をかけることができます。

no image

botかどうかを判別するreCapchaのv3がリリース

サイトでたまにbotの登録があって自動入札の精度が落ちる問題があったのの解決になるかもしれない。botかどうかを判別するreCapchaのv3がリリースhttps://gigazine.net/news/20181030-recaptcha-v3/

no image

CUSTOM POST TYPE UIを日本語化するデータを配布しているサイ ト

WordPressの良プラグイン『Custom Post Type UI』の日本語化パッチを提供しているサイトさんです。http://wpcj.net/1471flywheelを使ってlocal環境を作っていると、コア言語が英語になるのでプラグインが全部英語になって制作速度が落ちるため、たまに使っています。

pocketlinehatebuimagegalleryaudiovideocategorytagchatquotegoogleplusfacebookinstagramtwitterrsssearchenvelopeheartstaruserclosesearch-plushomeclockupdateeditshare-squarechevron-leftchevron-rightleafexclamation-trianglecalendarcommentthumb-tacklinknaviconasideangle-double-upangle-double-downangle-upangle-downstar-halfstatus