title: Google Tag Manager Carousel Links
body: <p>I'm new to GTM and am trying to capture "next" and "prev" events on multiple carousels throughout my site.</p>
  
  <p>My HTML.</p>
  
  <pre><code>&lt;div id="hero1"&gt;
    //... slides
    &lt;div class="slide-next"&gt;&lt;/div&gt;
    &lt;div class="slide-prev"&gt;&lt;/div&gt;
  &lt;/div&gt;   
  
  &lt;div id="hero2"&gt;
    //... slides
    &lt;div class="slide-next"&gt;&lt;/div&gt;
    &lt;div class="slide-prev"&gt;&lt;/div&gt;
  &lt;/div&gt;    
  </code></pre>
  
  <p>Anytime I click a <code>div</code> with class <code>slide-next</code> (and also <code>slide-prev</code>), I'd like to capture the following:</p>
  
  <p><strong>Category:</strong> Carousel button</p>
  
  <p><strong>Action:</strong> Click - Next (or prev)</p>
  
  <p><strong>Label:</strong> Hero1 </p>
  
  <p>Is there a way to do this in Google Tag Manager?</p>