1. Home
  2. Blog
  3. TLS4 Series: Smarter Fuel Management Starts Below the Surface

TLS4 Series: Smarter Fuel Management Starts Below the Surface

Proud to be Powered by Vontier. Sharing a united vision that is driven by innovation. Find out more

TLS4 Series Automatic Tank Gauges | Smarter Wetstock Management
17 Mar

TLS4 Series: Smarter Fuel Management Starts Below the Surface

By Gilbarco Veeder-Root

Every litre count, and every reading matters across Southeast Asia.From busy city forecourts and highway depots to island kiosks and rural fleet yards, accuracy defines the modern forecourt and visibility shapes its future. Gilbarco Veeder-Root’s TLS4 Series Automatic Tank Gauges (ATGs) brings both together — turning wetstock management from a behindthescenes task into a visible operational advantage for networks across the region.

For decades Gilbarco Veeder-Root has set the standard for precision measurement. The TLS4 Series continues that legacy by linking the smallest on-site detail to a clear, network-wide view. Operators get the clarity to see what’s happening, the confidence to act quickly, and the assurance that every decision is based on trusted data.

From Measurement to Management

At the core of the TLS4 Series is control through precision. The TLS-450PLUS, TLS4, TLS4B, TLS-XB and TLS-RF operate within a connected architecture that tracks, analyses and protects. Each unit surfaces accuracy, safety and performance so teams can spot anomalies and respond before small issues become major disruptions.

AccuChart automatic calibration reduces uncertainty by learning the unique profile of every tank. Continuous Statistical Leak Detection provides ongoing protection against product loss and environmental risk — a critical benefit in regions that face heavy rainfall, high temperatures and variable operating conditions.

Intelligence that Extends Beyond the Tank

When paired with Insite360 Fuel Suite, TLS4 Series readings become actionable intelligence. Every measurement feeds a broader understanding of deliveries, consumption patterns and compliance. Managers can verify deliveries, spot trends that indicate pilferage or inefficiencies, and receive alerts before problems affect operations. That predictive insight is designed for the pace and scale of Southeast Asia’s retail and commercial fuel networks — from single sites to large franchise chains.

Built for Teams Who Depend on Accuracy

Engineers, site managers and retailers share one priority: trusting the data that drives their business. The TLS4 Series supports that need with a design focused on reliability, security and operational control.

All systems use encrypted communications, multilevel user authentication and secure web and mobile access. The architecture supports both onsite and cloud deployments, so networks can choose the configuration that matches local connectivity, compliance and service models — and teams can manage performance from office dashboards or mobile devices in the field.

Performance Proven Over Time

Retailers using TLS4 Series ATGs report faster reconciliation, fewer unnecessary site visits and simpler regulatory compliance. Automation replaces routine manual checks with proactive monitoring, freeing teams to focus on growth and customer service rather than troubleshooting. The result is improved uptime, higher measurement accuracy and clearer financial control across diverse site portfolios.

Confidence Engineered into Every Reading

Gilbarco Veeder-Root’s TLS4 Series ATGs combine measurement science, engineering and data to give operators total control. Reliable, secure and proven in the field, the TLS4 Series is the foundation for connected fuel management across Southeast Asia.

Maximise wetstock efficiency across every tank with Southeast Asia ’s Expert 
 

<script>

// CONFIG: map UTM parameter names -> input selectors
const fieldMap = {
utm_source: 'input[name="1097612_221968pi_1097612_221968"]',
utm_medium: 'input[name="1097612_221965pi_1097612_221965"]',
utm_campaign: 'input[name="1097612_221959pi_1097612_221959"]',
utm_content: 'input[name="1097612_221962pi_1097612_221962"]'
};

// CONFIG: whether to save values read from the URL into sessionStorage
const saveUrlToSession = true;

function safeSessionGet(key) {
try {
return sessionStorage.getItem(key);
} catch (e) {
return null;
}
}

function safeSessionSet(key, value) {
if (!saveUrlToSession) return;
try {
sessionStorage.setItem(key, value);
} catch (e) {
// ignore storage write failures
}
}

function getUrlParam(paramName) {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get(paramName); // returns null if not present
}

function setFieldValue(el, value) {
if (!el) return;
el.value = value;
// trigger input/change events for libraries that listen for them
el.dispatchEvent(new Event('input', { bubbles: true }));
el.dispatchEvent(new Event('change', { bubbles: true }));
}

function populateKey(paramName, selector) {
const el = document.querySelector(selector);

// 1) Try sessionStorage first
const sessVal = safeSessionGet(paramName);
if (sessVal !== null && sessVal !== '') {
setFieldValue(el, sessVal);
return;
}

// 2) Fallback to URL param
const urlVal = getUrlParam(paramName);
if (urlVal !== null && urlVal !== '') {
setFieldValue(el, urlVal);
safeSessionSet(paramName, urlVal); // store for future pages if enabled
}
}

function populateHiddenFields() {
Object.keys(fieldMap).forEach(paramName => {
populateKey(paramName, fieldMap[paramName]);
});
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', populateHiddenFields);
} else {
populateHiddenFields();
}

// Optional: allow manual calls from other scripts
window.populateHiddenFields = populateHiddenFields;

(function () {
// CONFIG
const fieldMap = {
utm_source: 'input[name="1097612_221968pi_1097612_221968"]',
utm_medium: 'input[name="1097612_221965pi_1097612_221965"]',
utm_campaign: 'input[name="1097612_221959pi_1097612_221959"]',
utm_content: 'input[name="1097612_221962pi_1097612_221962"]'
};
const saveUrlToSession = true;

// Safe session helpers
function safeSessionGet(key) {
try { return sessionStorage.getItem(key); } catch (e) { return null; }
}
function safeSessionSet(key, value) {
if (!saveUrlToSession) return;
try { sessionStorage.setItem(key, value); } catch (e) {}
}

// URL helper
function getUrlParam(paramName) {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get(paramName);
}

// DOM helper
function setFieldValue(el, value) {
if (!el) return;
el.value = value;
el.dispatchEvent(new Event('input', { bubbles: true }));
el.dispatchEvent(new Event('change', { bubbles: true }));
}

// Core: check session first, then URL
function populateKey(paramName, selector) {
const el = document.querySelector(selector);
const sessVal = safeSessionGet(paramName);
if (sessVal !== null && sessVal !== '') {
setFieldValue(el, sessVal);
return;
}
const urlVal = getUrlParam(paramName);
if (urlVal !== null && urlVal !== '') {
setFieldValue(el, urlVal);
safeSessionSet(paramName, urlVal);
}
}

// Populate all configured fields
function populateHiddenFields() {
Object.keys(fieldMap).forEach(paramName => {
populateKey(paramName, fieldMap[paramName]);
});
}

// Init
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', populateHiddenFields);
} else {
populateHiddenFields();
}
window.populateHiddenFields = populateHiddenFields;
})();
</script>

<script>
document.addEventListener('DOMContentLoaded', function() {
// Function to get URL parameters
function getUrlParam(paramName) {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get(paramName);
}

// Get the utm_source value
const utmSource = getUrlParam('utm_source');
const utmMedium = getUrlParam('utm_medium'); // Also get others
const utmCampaign = getUrlParam('utm_campaign');
const utmContent = getUrlParam('utm_content');

// --- Method 1: Direct Assignment (if form fields exist) ---
// Find your form fields by name/ID and set their value
const sourceField = document.querySelector('input[name="1097612_221968pi_1097612_221968"]'); // Adjust selector
if (sourceField && utmSource) {
sourceField.value = utmSource;
}
const mediumField = document.querySelector('input[name="1097612_221965pi_1097612_221965"]'); // Adjust selector
if (mediumField && utmMedium) {
mediumField.value = utmMedium;
}
const campaignField = document.querySelector('input[name="1097612_221959pi_1097612_221959"]'); // Adjust selector
if (campaignField && utmCampaign) {
campaignField.value = utmCampaign;
}
const contentField = document.querySelector('input[name="1097612_221962pi_1097612_221962"]'); // Adjust selector
if (contentField && utmContent) {
contentField.value = utmContent;
}
// Repeat for medium, campaign, etc.

// --- Method 2: Store in Session Storage (Recommended for multi-page) ---
// This keeps data across page views before form submission
if (utmSource) {
sessionStorage.setItem('utm_source', utmSource);
}
if (utmMedium) {
sessionStorage.setItem('utm_medium', utmMedium);
}
if (utmCampaign) {
sessionStorage.setItem('utm_campaign', utmCampaign);
}
if (utmContent) {
sessionStorage.setItem('utm_content', utmContent);
}
});

// Function to populate form on any page load (using session storage)
function populateHiddenFields() {
const utm_source = sessionStorage.getItem('utm_source');
const utm_medium = sessionStorage.getItem('utm_medium');
const utm_campaign = sessionStorage.getItem('utm_campaign');
const utm_content = sessionStorage.getItem('utm_content');

const sourceInput = document.querySelector('input[name="1097612_221968pi_1097612_221968"]');
if (sourceInput && utm_source) {
sourceInput.value = utm_source;
}
const mediumInput = document.querySelector('input[name="1097612_221965pi_1097612_221965"]');
if (mediumInput && utm_medium) {
mediumInput.value = utm_medium;
}
const campaignInput = document.querySelector('input[name="1097612_221959pi_1097612_221959"]');
if (campaignInput && utm_campaign) {
campaignInput.value = utm_campaign;
}
const contentInput = document.querySelector('input[name="1097612_221962pi_1097612_221962"]');
if (contentInput && utm_content) {
contentInput.value = utm_content;
}
}

// Run this when the form loads on the *final* page (e.g., the form page itself)
// Call populateHiddenFields(); when your form element is ready or on DOMContentLoaded again.
</script>