If you have a web app or website with a login screen or flow, you can use Vectors Pixel API to further enhance your enrichment rates.
Vector now provides a lightweight data enhancement client side API that all our customers can use. Heres how:
Step 1: Make sure the pixel is installed in the <head> tag on the post-login landing screen of your application. For Vector, thats our Dashboard:
Step 2: In your code, in the onMounted method for Vue, or in a useEffect for React, add the following snippet (assuming you have the user available within your component):
// vue
import { onMounted } from 'vue';
onMounted(() => {
if (window.vector?.identify && user) {
try {
window.vector.identify(user.email, {
first_name: user.firstName,
last_name: user.lastName,
});
} catch (error) {
console.error('Vector identify failed:', error);
}
}
});
// react
import { useEffect } from 'react';
useEffect(() => {
if (window.vector?.identify && user) {
try {
window.vector.identify(user.email, {
first_name: user.firstName,
last_name: user.lastName,
});
} catch (error) {
console.error('Vector identify failed:', error);
}
}
}, [user]);
Optional: to verify this is firing properly, check the network tab, and filter the calls for /pixel. You should see one with a really long uuid, in the response you will see the updated visitor data:
Step 3: Watch as you begin to further enrich your contacts!
Questions? Contact us at [email protected].