Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-5071

Implement data attributes on Covers Block

XMLWordPrintable

    • Icon: Task Task
    • Resolution: Released
    • Icon: Should have Should have
    • 2.32.1
    • None

      Context:

      We are reviewing the standards events for Planet 4 blocks. As suggested by Pieter and Sagar, we can work with data-* attributes to track and identify specific website elements. 

      The idea is to implement a set of new data attributes with standard values. These will be used later to trigger events and define its category, action and label. 

       Important: The Take Action boxout is also available on posts and should have the same data attributes. 

      Here are the screenshot linking the elements with the data-ga-action standard value:


       

        
       More Information:

      To view all events standards and data-attributes structure proposed: "P4 Events Standards - 2020 Review" 

       

      Next steps:

      1) Julia should create the Google Tag Manager setup in all P4-NRO's containers.  
      2) Start developing an A/B Test plan for the Take Action cards new designs

      Task: 

      • Implement data-attributes on elements:
        • data-ga-category
        • data-ga-action
        • data-ga-label 
      • Implement data-attributes with the following standard values:
      data-ga-category data-ga-action data-ga-label
      Content Covers
      Take Action Covers
      Campaign Covers
      Take Action Boxout
       
      Call to Action
      Navigation Tag
      Title
      Image
      n/a

        1. p4_covers_desktop_attributes.jpg
          850 kB
          Julia Marubayashi
        2. Screenshot 2020-05-25 at 11.44.49 AM.png
          156 kB
          Sagar Deshmukh
        3. uat_covers_content_data.jpg
          766 kB
          Julia Marubayashi
        4. uat_covers_data.jpg
          614 kB
          Julia Marubayashi

            sdeshmuk Sagar Deshmukh
            jmarubay Julia Marubayashi
            Julia Marubayashi Julia Marubayashi
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: