Scripts + Pixels Studio

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).
No coding required! The plugin automatically detects WordPress and WooCommerce data and injects it into the dataLayer on every page.
<h4>Key Features</h4>
<ul>
<li>Automatic Detection – Automatically detects page type, post data, categories, tags, and more</li>
<li>WooCommerce Support – Detects product data, pricing, cart information, and checkout details</li>
<li>Zero Configuration – Works out of the box with no setup required</li>
<li>Clean Code – Follows WordPress coding standards and best practices</li>
<li>Developer Friendly – 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>
The plugin automatically detects and injects variables like:
<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>
When WooCommerce is active, additional variables are automatically detected:
<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>
Free Version Includes: 
* Automatic detection of WordPress and WooCommerce variables 
* Works on all page types (posts, pages, products, archives, etc.) 
* Zero configuration required
Premium Version Adds: 
* Custom variables per page/post/product 
* Visual editor in WordPress admin 
* Preview auto-detected variables before publishing 
* Priority support and updates

Scripts + Pixels DataLayer Manager

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

sourei

otaviodeveloper

<ol>
<li>Get the user location and IP address;</li>
<li>When filling out and submitting an Elementor form it’s returned the time and date that the submission was triggered;</li>
<li>When filling out and submitting an Elementor form, all form fields are sent to the dataLayer, following the following model:</li>
</ol>
{ 
 “event”: “formSubmitDLFSE”, 
 “fields”: { 
 “nome”: { 
 “id”: “nome”, 
 “type”: “text”, 
 “title”: “Nome”, 
 “value”: “Name Example”, 
 “raw_value”: “Name Example”, 
 “required”: true 
 }, 
 “telefone”: { 
 “id”: “telefone”, 
 “type”: “text”, 
 “title”: “Telefone”, 
 “value”: “(99) 99999-9999”, 
 “raw_value”: “(99) 99999-9999”, 
 “required”: true 
 }, 
 “email”: { 
 “id”: “email”, 
 “type”: “email”, 
 “title”: “Email”, 
 “value”: “example@sourei.com.br”, 
 “raw_value”: “example@sourei.com.br”, 
 “required”: true 
 }, 
 “cidade”: { 
 “id”: “cidade”, 
 “type”: “text”, 
 “title”: “Cidade”, 
 “value”: “Varginha”, 
 “raw_value”: “Varginha”, 
 “required”: true 
 }, 
 “servico”: { 
 “id”: “servico”, 
 “type”: “checkbox”, 
 “title”: “Serviços interessado”, 
 “value”: “Digitalização”, 
 “raw_value”: [ 
 “Digitalização” 
 ], 
 “required”: false 
 } 
 }, 
 “gtm.uniqueEventId”: 21 
}
<h3>Integrated Services</h3>
<ul>
<li>WordPress</li>
<li>Woocommerce</li>
<li>Elementor</li>
<li>Google Tag Manager</li>
</ul>
<h4>Instalation:</h4>
<ul>
<li>Upload the plugin files to the wp-content/plugins folder, or install using the WordPress plugin installer.</li>
<li>Activate the plugin.</li>
</ul>
<h4>Compatibility:</h4>
Requires Elementor 3.0 or later.

Datalayer For Elementor

This is a great plugin specially if you are using Google Tag Manager! It sends data to the datalayer whenever an user submits a form and that can be very useful! It also pushes some user info like their IP Address, User Agent and their location!

Great tool for GTM

Integration between the Elementor Forms and Datalayer

Scripts + Pixels DataLayer Manager vs Datalayer For Elementor