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

Implement data attributes on Carousel Header

XMLWordPrintable

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

      Context:

      Implement a set of new data attributes on the Carousel Header Block with standard values. These will be used later to trigger events and define its category, action and label. 

      Here's a screenshot linking the elements with the data-ga-action standard value (this should be the same for all block styles): 


        
       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.  

      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
      Carousel Header Call to Action Slide {slide number}

       Obs: The slide number should start at 1. The data-ga-label should be "Slide 1", "Slide 2", etc. 

        1. p4_block_carousel_header.jpg
          455 kB
          Julia Marubayashi
        2. screenshot-1.png
          144 kB
          Julia Marubayashi

            dpivo Dylan Pivo
            jmarubay Julia Marubayashi
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: