data属性の検索結果1 - 2 件 / 2件

• あとで読む

  [GTM]data属性を使用したGA4の自動イベント計測 | アユダンテ株式会社

  • 6 users
  • ayudante.jp
  • テクノロジー
  • 2023/07/18

  Google アナリティクス 4（以下GA4）は、様々なユーザーアクションをイベントとして計測できます。 その中でも、以下の2つのアクションはどのサイトでも計測する可能性が高いものです。 何をクリックしたか（リンクやボタンなど）何が表示されたか（バナーなど） この記事では、上記2つのユーザーアクションをHTMLタグの属性である「data属性」とGoogle タグマネージャ（以下、GTM）を活用して、半自動で計測する方法を紹介します。 この設定により、タグやトリガーの数を大幅に減らすことができ、管理の面でもメリットが大きいですので、参考なれば幸いです。 それでは、さっそく見ていきましょう！ data属性とは何かなぜIDやclass属性ではなくdata属性を使うのか【設定手順①】data属性の準備 【設定手順②】GTMの設定カスタムHTMLタグを作成するデータレイヤーの変数を作成するカスタムイ

  
• あとで読む

  【JavaScript】data属性の取得・設定・更新【dataset】

  • 5 users
  • into-the-program.com
  • テクノロジー
  • 2019/09/27

  こんにちは、Ryohei（@ityryohei）です！ JavaScriptでdata属性（カスタムデータ属性）を操作するプロパティのご紹介です。 data属性、正式にはカスタムデータ属性は、HTMLの要素に「data-*」から始まる任意の名前を付けたカスタムデータを持たせることができる属性です。主にスクリプトでデータを扱う場合に指定することが多い属性になります。 スクリプトで扱うことが多いため、JavaScriptにはdata属性の取得・追加・更新といった操作を簡単に実行することができる便利なプロパティが用意されています。「dataset」というプロパティになります。 もちろん、HTML要素の属性を取得する「getAttribute」や属性を設定する「setAttribute」を使ってdata属性の取得や設定は可能ですが、datasetの方がシンプルに記述することができますし、パフォーマ

  • web制作