Scripts + Pixels Studio

<p>Scripts + Pixels DataLayer Manager automatically creates and manages a dataLayer object for your WordPress site. This object contains structured data about your pages, posts, products, and user interactions that can be used by analytics tools like Google Tag Manager (GTM) and Google Analytics 4 (GA4).</p>
<p><strong>No coding required!</strong> The plugin automatically detects WordPress and WooCommerce data and injects it into the dataLayer on every page.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Automatic Detection</strong> – Automatically detects page type, post data, categories, tags, and more</li>
<li><strong>WooCommerce Support</strong> – Detects product data, pricing, cart information, and checkout details</li>
<li><strong>Zero Configuration</strong> – Works out of the box with no setup required</li>
<li><strong>Clean Code</strong> – Follows WordPress coding standards and best practices</li>
<li><strong>Developer Friendly</strong> – Well-documented code and extensible hooks</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Install and activate the plugin</li>
<li>Visit any page on your website</li>
<li>Open browser Developer Tools (F12)</li>
<li>Type <code>dataLayer</code> in the console</li>
<li>See all automatically detected variables!</li>
</ol>
<h4>WordPress Variables</h4>
<p>The plugin automatically detects and injects variables like:</p>
<ul>
<li><code>pageType</code> – Type of page (post, page, category, tag, archive, search, 404, etc.)</li>
<li><code>postId</code> – Post/Page ID</li>
<li><code>postTitle</code> – Post/Page title</li>
<li><code>postAuthor</code> – Author name</li>
<li><code>postCategory</code> – Post categories</li>
<li><code>postTags</code> – Post tags</li>
<li><code>isLoggedIn</code> – Whether user is logged in</li>
<li><code>siteName</code> – Site name</li>
<li><code>siteUrl</code> – Site URL</li>
<li>And more…</li>
</ul>
<h4>WooCommerce Variables</h4>
<p>When WooCommerce is active, additional variables are automatically detected:</p>
<ul>
<li><code>productId</code> – Product ID</li>
<li><code>productName</code> – Product name</li>
<li><code>productPrice</code> – Product price</li>
<li><code>productQuantity</code> – Product quantity</li>
<li><code>cartTotal</code> – Cart total</li>
<li><code>checkoutStep</code> – Checkout step</li>
<li>And more…</li>
</ul>
<h4>Free vs Premium</h4>
<p><strong>Free Version Includes:</strong><br />
* Automatic detection of WordPress and WooCommerce variables<br />
* Works on all page types (posts, pages, products, archives, etc.)<br />
* Zero configuration required</p>
<p><strong>Premium Version Adds:</strong><br />
* Custom variables per page/post/product<br />
* Visual editor in WordPress admin<br />
* Preview auto-detected variables before publishing<br />
* Priority support and updates</p>


Scripts + Pixels DataLayer Manager

Automatically detects WordPress context and injects dataLayer variables for analytics tools (GA4/GTM). No coding required.

Lee Penney

<p>The W3C have issued a <a href="http://www.w3.org/community/custexpdata/" rel="nofollow ugc">Customer Experience Digital Layer Specification</a> that allows sites to define a JavaScript object to make data accessible to third parties.</p>
<p>This plugin creates that object for an installation of WooCommerce, exposing various pieces of product and cart data to allow integration with third party code (for example, cart abandonment scripts).</p>
<p>It also exposes the logged in user’s name and email address, but only on their machine, so shouldn’t pose a privacy issue.</p>
<p>Tested on WooCommerce version 2.1.9</p>


Digital Data Layer Plugin for WooCommerce

Adds a JavaScript data layer to your WooCommerce installation that conforms to the W3C spec

Scripts + Pixels DataLayer Manager vs Digital Data Layer Plugin for WooCommerce