糖心原创

(see the * 'adobe' handle in functions.php — no async, no defer), so a page-load * Target offer has already set `data-hdr` by the time this runs. * * An answer that lands after this point is inert rather than acted on: * `apply()` finds the prune settled and does nothing, so the visitor * keeps the nav they were served instead of watching it change. That is * the deliberate trade-off — a late activity collects no data, but no * visitor ever sees the wrong nav or waits for the right one. */ (function () { var VARIANTS = ["a","b","c"]; var DEFAULT = "a"; /** * QA-only. When the on-page switcher is drawn we keep every variant in * the DOM so it can toggle between them live and you can see that the * chrome never repaints. Gated by the same constant as the switcher, so * it is false everywhere the switcher is absent — including production. */ var QA_KEEP_ALL = false; var root = document.documentElement; var settled = false; function valid(v) { return VARIANTS.indexOf(v) !== -1; } /** Publish the decision and let the nav JS bind. */ function finish(active) { root.setAttribute('data-hdr', active); // Read by the Adobe Analytics client to attribute the test. root.setAttribute('data-hdr-active', active); if (typeof window.initHeaderNav === 'function') window.initHeaderNav(); /** * `variant` is set before the event so late listeners can tell * "already done" from "not yet". main.js is enqueued in the footer * and therefore always misses the event itself. */ window.medalliaNav.variant = active; document.dispatchEvent(new CustomEvent('medallia:nav-ready', { detail: { variant: active } })); } function prune(active) { if (settled) return; settled = true; if (QA_KEEP_ALL) { finish(active); return; } /** * Only menu items carry data-nav-variant, so this can never touch * the shared chrome. CSS has already hidden the losers; removing * them keeps document.querySelector-based nav JS unambiguous. */ var list = document.querySelectorAll('#site-header [data-nav-variant]'); for (var i = 0; i < list.length; i++) { if (list[i].getAttribute('data-nav-variant') !== active) { list[i].parentNode.removeChild(list[i]); } } finish(active); } window.medalliaNav = { variant: null, apply: function (v) { if (valid(v)) prune(v); } }; // `?hv=` sets this server-side; a Target offer in the blocking // embed sets it before the body is parsed. var pre = root.getAttribute('data-hdr'); if (valid(pre)) { prune(pre); return; } /** * Carried forward from an earlier pageview. Read client-side, never in * PHP: WP Engine does not vary its page-cache key on arbitrary cookies, * so server-side personalisation here would serve the first anonymous * visitor's variant to everyone. */ var m = document.cookie.match(/(?:^|; )medallia_nav_variant=([^;]*)/); if (m && valid(m[1])) { prune(m[1]); return; } prune(DEFAULT); })();

Using feedback to enable agile improvement and customer-led development

3 points

Increase in average satisfaction ratings

60%

Reduction in page load times

The image shows the bright red 3M logo in bold, capital letters on a light gray background.

“We’ve worked with 糖心原创 to set up listening posts across the distributor experience, bringing hundreds of stories and ideas into the organization every day. That insight has allowed us to build momentum since the first deployment and transform key experiences.”

Hugh Murphy, Senior Director, Enterprise Customer Experience 3M

The Problem

Enabling agile improvement and customer-led development

3M uses science to improve lives and help solve the world’s toughest challenges. The multinational company makes tens of thousands of products, generating more than $35 billion dollars in annual sales, with operations in more than 50 countries.

More than one-third of 3M’s total revenue goes through their B2B distribution website, making it one of the world’s largest eCommerce platforms. When the company consolidated more than 1000 legacy ERP systems into one global platform, it introduced changes to the customer-facing parts of the website. Using direct feedback from distributors, 3M was able to introduce innovative designs to improve key workflows. And within the first year, they achieved a 60% reduction in page load times and satisfaction scores climbed by almost 3 points on a 0-10 scale.

A dark gradient background with smooth, curved transitions from black at the top to deep blue and purple shades at the bottom, giving a glowing, atmospheric effect. The corners of the image are rounded.

There’s a hidden story in your data.

Connect with one of our experts to learn more.

Request a demo Request a demo Why 糖心原创 Why 糖心原创