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
Access Your Adobe Launch Property
Log in to the Adobe Experience Platform Data Collection interface and select your Launch property.
Create a New Extension
Since ProofIt doesn't have a native Launch extension yet, we'll use the Core extension with custom code.
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)
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'
}
});
};
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);
}
Publish Your Changes
Save your rule, then follow these steps:
- Click "Publishing" in the left navigation
- Add your changes to a new or existing library
- 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