Adobe Launch Integration

Deploy ProofIt through Adobe Launch (Tags) for seamless integration with your Adobe Experience Platform.

Overview

Adobe Launch (Adobe Tags) provides an ideal deployment method for ProofIt, especially if you're already using Adobe Analytics or other Adobe Experience Cloud solutions.

Key Benefits

  • Centralized tag management
  • Flexible rule-based deployment
  • Seamless integration with Adobe Analytics
  • Streamlined governance and approval workflows

Prerequisites

  • Access to Adobe Experience Platform Launch
  • ProofIt API key
  • Adobe Analytics implementation (optional but recommended)

Implementation Steps

1

Access Your Adobe Launch Property

Log in to the Adobe Experience Platform Data Collection interface and select your Launch property.

2

Create a New Extension

Since ProofIt doesn't have a native Launch extension yet, we'll use the Core extension with custom code.

3

Create a New Rule

Click "Rules" in the left navigation and then "Add Rule". Name your rule (e.g., "ProofIt Social Proof").

Configure Events

Set up when the rule should fire, typically on page load:

  • Event Type: "Library Loaded (Page Top)"
  • Order: 50 (or your preferred loading order)

Add Conditions (Optional)

You can add conditions to control where ProofIt loads:

  • Logic Type: "Regular"
  • Condition Type: "Path Without Query String"
  • Operator: "Contains"
  • Value: "/products/" (or other path where you want ProofIt to appear)
4

Add Actions

Configure what happens when the rule triggers:

  • Extension: "Core"
  • Action Type: "Custom Code"
  • Language: "JavaScript"

In the custom code editor, add the ProofIt script:

// Load the ProofIt script
var script = document.createElement('script');
script.src = 'https://cdn.proofit.com/js/proofit.min.js';
script.setAttribute('data-api-key', 'YOUR_API_KEY');
document.head.appendChild(script);

// Initialize ProofIt once loaded
script.onload = function() {
  window.ProofIt.init({
    analytics: {
      platform: 'adobe-analytics'
    }
  });
};
5

Add ProofIt Elements

Create additional actions to add ProofIt elements to your page:

// Create a social proof element
var proofitElement = document.createElement('div');
proofitElement.setAttribute('data-proofit', 'recentPurchases');
proofitElement.className = 'proofit-notification';

// Find where to insert it on the page
var targetElement = document.querySelector('.product-details');
if (targetElement) {
  targetElement.appendChild(proofitElement);
}
6

Publish Your Changes

Save your rule, then follow these steps:

  1. Click "Publishing" in the left navigation
  2. Add your changes to a new or existing library
  3. Move through your standard workflow (Development → Staging → Production)

Adobe Launch Data Elements

For a more dynamic implementation, create Data Elements to map information between Adobe and ProofIt:

Create Data Elements

Click "Data Elements" in the left navigation and create new data elements for:

  • Product ID (e.g., from your data layer)
  • Product Category
  • User Segment

Use Data Elements

Update your custom code to use these data elements:

// Initialize ProofIt with data elements
script.onload = function() {
  window.ProofIt.init({
    analytics: {
      platform: 'adobe-analytics'
    },
    context: {
      productId: _satellite.getVar('product_id'),
      category: _satellite.getVar('product_category'),
      userSegment: _satellite.getVar('user_segment')
    }
  });
};

Advanced Adobe Launch Integration

Environment-Specific Configuration

Create environment-specific settings using Launch environments:

// Get environment-specific API key
var apiKey;
if (_satellite.environment.stage === 'development') {
  apiKey = 'DEV_API_KEY';
} else if (_satellite.environment.stage === 'staging') {
  apiKey = 'STAGING_API_KEY';
} else {
  apiKey = 'PRODUCTION_API_KEY';
}

// Set the API key
script.setAttribute('data-api-key', apiKey);

Integration with Adobe Experience Platform

For deeper integration with the Adobe Experience Platform:

  • Use Adobe Launch Extension Hooks to synchronize ProofIt with other extensions
  • Leverage Launch's event system for coordinated tag execution
  • Configure Launch rules based on Adobe Audience Manager segments
  • Use Adobe Experience Platform Web SDK for streamlined data collection

Adobe Experience League Resources

For more information on Adobe Launch deployment techniques, refer toAdobe's official documentation.

Need Implementation Support?

Our Adobe-certified implementation specialists can help you deploy ProofIt through Adobe Launch.

Contact Support