Adobe DTM -- Multiple elements on a page that are dynamically populated -- how should rule be set to pass correct value -- best practice

[gkopriva]

Below is an offer code example.  Please see the attached Word document for specifics.

<!-- LISTING CODE EXAMPLE -->
<li class="listing listing--natural__wide" data-listing-type="1" data-address-id="0" data-service-id="0" data-layout="natural__wide" data-role="listing" data-offer-url="" data-offer-id="1205574" data-zone-map-id="1023486">
  <div class="listing-body">
    <div class="listing-details">
      <div class="listing-logo">
        <img class="fluid" src="http://vpdev.valpak.com/img/print/3261132668101.jpg">
      </div>
      <div class="listing-heading">
        <h4 class="listing-merchant-name">
          Slice
        </h4>      
        <div class="listing-offer-text">
          <h2 class="listing-title flush--bottom">Family Meal Deal Coupon Only $18.99 Coupon @ Slice</h2>
        </div>
      </div>
    </div>
  </div>
  <div class="listing-footer">
    <div>
      <a title="More SLICE coupons" class="listing-merchant-link" href="https://forums.adobe.com/redesign/printable/SLICE/12850?slugId=1005452" onclick="s_objectID=&quot;http://vpdev.valpak.com/redesign/printable/SLICE/12850?slugId=1005452_1";return this.s_oc?this.s_oc(e):true">More SLICE coupons</a>
    </div>
    <div>
        <button type="button" class="listing-primary-action" data-action="viewListing">View Offer</button>
    </div>
  </div>
</li>