// Example: Publishing a product view event to GTM
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'event': 'productDetail',
  'ecommerce': {
    'detail': {
      'products': [{
        'id': '12345',
        'name': 'Premium Widget',
        'price': '49.99',
        'brand': 'Incisive Ranking',
        'category': 'Widgets',
        'variant': 'Blue'
      }]
    }
  }
});

// Shopify's default data layer (simplified)
window.Shopify = {
  checkout: {
    step: 'contact_information',
    lineItems: [...],
    discount: {...}
  },
  customer: {
    id: 12345,
    email: '[email protected]',
    orders_count: 5
  },
  product: {
    id: '12345',
    type: 'Widgets',
    vendor: 'Incisive Ranking'
  }
};

<!-- product-data-layer.liquid -->
<script>
  window.dataLayer = window.dataLayer || [];
  
  // Product data layer
  window.dataLayer.push({
    'event': 'productDetail',
    'ecommerce': {
      'detail': {
        'actionField': {'list': '{{ collection.title }}'},
        'products': [{
          'id': '{{ product.id }}',
          'name': '{{ product.title | escape }}',
          'price': '{{ product.price | money_without_currency }}',
          'brand': '{{ product.vendor | escape }}',
          'category': '{{ product.type | escape }}',
          'variant': '{{ product.selected_or_first_available_variant.title | escape }}',
          'quantity': 1
        }]
      }
    },
    'productData': {
      'id': '{{ product.id }}',
      'sku': '{{ product.selected_or_first_available_variant.sku }}',
      'price': {{ product.price | money_without_currency }},
      'compareAtPrice': {{ product.compare_at_price | money_without_currency }},
      'available': {{ product.available }},
      'type': '{{ product.type | escape }}',
      'tags': {{ product.tags | json }}
    }
  });
</script>

{% render 'product-data-layer' %}

// Check data layer in console
console.log(window.dataLayer);

// Checkout step tracking (for non-Plus stores)
window.dataLayer = window.dataLayer || [];

// Contact information step
window.dataLayer.push({
  'event': 'checkout',
  'ecommerce': {
    'checkout': {
      'actionField': {'step': 1, 'option': 'contact_information'},
      'products': window.Shopify.checkout.lineItems
    }
  }
});

// Shipping method step
window.dataLayer.push({
  'event': 'checkout',
  'ecommerce': {
    'checkout': {
      'actionField': {'step': 2, 'option': 'shipping_method'},
      'products': window.Shopify.checkout.lineItems
    }
  }
});

// Payment method step
window.dataLayer.push({
  'event': 'checkout',
  'ecommerce': {
    'checkout': {
      'actionField': {'step': 3, 'option': 'payment_method'},
      'products': window.Shopify.checkout.lineItems
    }
  }
});

<!-- checkout.liquid (Plus stores only) -->
<script>
  window.dataLayer = window.dataLayer || [];
  
  // Initial checkout data
  window.dataLayer.push({
    'event': 'checkout',
    'ecommerce': {
      'checkout': {
        'actionField': {'step': 1},
        'products': [
          {% for line_item in checkout.line_items %}
            {
              'id': '{{ line_item.product_id }}',
              'name': '{{ line_item.title | escape }}',
              'price': '{{ line_item.price | money_without_currency }}',
              'quantity': {{ line_item.quantity }}
            }{% unless forloop.last %},{% endunless %}
          {% endfor %}
        ]
      }
    },
    'checkoutData': {
      'orderId': '{{ checkout.order_id }}',
      'orderNumber': '{{ checkout.order_number }}',
      'email': '{{ checkout.email }}',
      'totalPrice': {{ checkout.total_price | money_without_currency }},
      'subtotalPrice': {{ checkout.subtotal_price | money_without_currency }},
      'totalTax': {{ checkout.total_tax | money_without_currency }},
      'totalDiscounts': {{ checkout.total_discounts | money_without_currency }},
      'currency': '{{ checkout.currency }}',
      'shippingAddress': {
        'firstName': '{{ checkout.shipping_address.first_name | escape }}',
        'lastName': '{{ checkout.shipping_address.last_name | escape }}',
        'address1': '{{ checkout.shipping_address.address1 | escape }}',
        'address2': '{{ checkout.shipping_address.address2 | escape }}',
        'city': '{{ checkout.shipping_address.city | escape }}',
        'province': '{{ checkout.shipping_address.province | escape }}',
        'zip': '{{ checkout.shipping_address.zip | escape }}',
        'country': '{{ checkout.shipping_address.country | escape }}'
      }
    }
  });
</script>

// Add to cart event listener
document.addEventListener('click', function(e) {
  if (e.target.matches('[data-add-to-cart]') || e.target.closest('[data-add-to-cart]')) {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      'event': 'addToCart',
      'ecommerce': {
        'currencyCode': '{{ shop.currency }}',
        'add': {
          'products': [{
            'id': '{{ product.id }}',
            'name': '{{ product.title | escape }}',
            'price': '{{ product.price | money_without_currency }}',
            'brand': '{{ product.vendor | escape }}',
            'category': '{{ product.type | escape }}',
            'variant': '{{ product.selected_or_first_available_variant.title | escape }}',
            'quantity': 1
          }]
        }
      }
    });
  }
});

<!-- order-status.liquid or thank-you.liquid -->
<script>
  window.dataLayer = window.dataLayer || [];
  
  // Purchase event
  window.dataLayer.push({
    'event': 'purchase',
    'ecommerce': {
      'purchase': {
        'actionField': {
          'id': '{{ order.order_number }}',
          'affiliation': 'Online Store',
          'revenue': {{ order.total_price | money_without_currency }},
          'tax': {{ order.tax_price | money_without_currency }},
          'shipping': {{ order.shipping_price | money_without_currency }},
          'coupon': '{{ order.discount_applications[0].title }}'
        },
        'products': [
          {% for line_item in order.line_items %}
            {
              'id': '{{ line_item.product_id }}',
              'name': '{{ line_item.title | escape }}',
              'price': '{{ line_item.price | money_without_currency }}',
              'brand': '{{ line_item.vendor | escape }}',
              'category': '{{ line_item.product.type | escape }}',
              'variant': '{{ line_item.variant_title | escape }}',
              'quantity': {{ line_item.quantity }}
            }{% unless forloop.last %},{% endunless %}
          {% endfor %}
        ]
      }
    },
    'orderData': {
      'orderId': '{{ order.order_number }}',
      'orderName': '{{ order.name }}',
      'email': '{{ order.email }}',
      'totalPrice': {{ order.total_price | money_without_currency }},
      'subtotalPrice': {{ order.subtotal_price | money_without_currency }},
      'totalTax': {{ order.tax_price | money_without_currency }},
      'totalShipping': {{ order.shipping_price | money_without_currency }},
      'totalDiscounts': {{ order.total_discounts | money_without_currency }},
      'currency': '{{ order.currency }}',
      'customer': {
        'id': '{{ order.customer.id }}',
        'email': '{{ order.customer.email | escape }}',
        'firstName': '{{ order.customer.first_name | escape }}',
        'lastName': '{{ order.customer.last_name | escape }}',
        'ordersCount': {{ order.customer.orders_count }},
        'totalSpent': {{ order.customer.total_spent | money_without_currency }}
      },
      'shippingAddress': {
        'firstName': '{{ order.shipping_address.first_name | escape }}',
        'lastName': '{{ order.shipping_address.last_name | escape }}',
        'address1': '{{ order.shipping_address.address1 | escape }}',
        'address2': '{{ order.shipping_address.address2 | escape }}',
        'city': '{{ order.shipping_address.city | escape }}',
        'province': '{{ order.shipping_address.province | escape }}',
        'zip': '{{ order.shipping_address.zip | escape }}',
        'country': '{{ order.shipping_address.country | escape }}'
      },
      'billingAddress': {
        'firstName': '{{ order.billing_address.first_name | escape }}',
        'lastName': '{{ order.billing_address.last_name | escape }}',
        'address1': '{{ order.billing_address.address1 | escape }}',
        'address2': '{{ order.billing_address.address2 | escape }}',
        'city': '{{ order.billing_address.city | escape }}',
        'province': '{{ order.billing_address.province | escape }}',
        'zip': '{{ order.billing_address.zip | escape }}',
        'country': '{{ order.billing_address.country | escape }}'
      }
    }
  });
</script>

// User identification tracking
window.dataLayer = window.dataLayer || [];

// User login tracking
document.addEventListener('submit', function(e) {
  if (e.target.matches('[data-customer-login-form]')) {
    const email = e.target.querySelector('[type="email"]').value;
    
    window.dataLayer.push({
      'event': 'login',
      'user_data': {
        'email': email,
        'email_hashed': sha256(email.toLowerCase().trim())
      }
    });
  }
});

// User registration tracking
document.addEventListener('submit', function(e) {
  if (e.target.matches('[data-customer-register-form]')) {
    const formData = new FormData(e.target);
    
    window.dataLayer.push({
      'event': 'sign_up',
      'user_data': {
        'email': formData.get('email'),
        'email_hashed': sha256(formData.get('email').toLowerCase().trim()),
        'first_name': formData.get('first_name'),
        'last_name': formData.get('last_name')
      }
    });
  }
});

// Newsletter signup tracking
document.addEventListener('submit', function(e) {
  if (e.target.matches('[data-newsletter-form]')) {
    const email = e.target.querySelector('[type="email"]').value;
    
    window.dataLayer.push({
      'event': 'newsletter_signup',
      'user_data': {
        'email': email,
        'email_hashed': sha256(email.toLowerCase().trim())
      }
    });
  }
});

// Consent management integration
window.dataLayer = window.dataLayer || [];

// Check for consent
function hasConsent(purpose) {
  // Implement your consent logic here
  return true; // or false based on consent
}

// Only fire tags if consent given
if (hasConsent('analytics')) {
  window.dataLayer.push({
    'event': 'consent_update',
    'consent': {
      'analytics_storage': 'granted'
    }
  });
}

if (hasConsent('marketing')) {
  window.dataLayer.push({
    'event': 'consent_update',
    'consent': {
      'ad_storage': 'granted',
      'ad_user_data': 'granted',
      'ad_personalization': 'granted'
    }
  });
}

window.addEventListener('CookiebotOnAccept', function(e) {
  if (Cookiebot.consent.analytics) {
    window.dataLayer.push({
      'event': 'consent_update',
      'consent': {
        'analytics_storage': 'granted'
      }
    });
  }
  
  if (Cookiebot.consent.marketing) {
    window.dataLayer.push({
      'event': 'consent_update',
      'consent': {
        'ad_storage': 'granted',
        'ad_user_data': 'granted',
        'ad_personalization': 'granted'
      }
    });
  }
});

// Efficient data layer implementation
window.dataLayer = window.dataLayer || [];

// Use a single push for multiple events
window.dataLayer.push({
  'event': 'page_view',
  'page_data': {
    'type': 'product',
    'category': 'electronics',
    'subcategory': 'computers'
  },
  'user_data': {
    'id': '12345',
    'email': '[email protected]'
  }
});

// Avoid unnecessary pushes
if (currentStep !== previousStep) {
  window.dataLayer.push({
    'event': 'checkout_step_change',
    'checkout_data': {
      'step': currentStep,
      'option': currentOption
    }
  });
}

// Cache product data
const productCache = {};

function getProductData(productId) {
  if (productCache[productId]) {
    return Promise.resolve(productCache[productId]);
  }
  
  return fetch(`/products/${productId}.json`)
    .then(response => response.json())
    .then(data => {
      productCache[productId] = data;
      return data;
    });
}