How can I insert custom code into the Adobe Experience Platform Web SDK - Send event action? | Community
Skip to main content
C
cosneg
February 27, 2024
Solved

How can I insert custom code into the Adobe Experience Platform Web SDK - Send event action?

  • February 27, 2024
  • 4 replies
  • 2185 views

Hi everyone, right now I'm migrating my old implementations with data element XDM object. I'm working on inserting the list var and I'm currently having some implementation and data collection problems.

 

First step I have a list var that contains 11 items. I set the data element containing the reference array inside the xdm object.

 

Second step I then loaded the xdm object data element into the rule action by selecting Adobe Experience Platform Web SDK - Send event. I have specific conditions for listvar tracking and I would need to insert a custom javascript code that finalizes the tracking.

 

Can anyone tell me if there is a way to insert a custom code inside the Adobe Experience Platform Web SDK - Send event or if we need to use some other type of action in addition?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by cserrurier

Hello,

I think the better to do what you want is to use conditions on a rule to update your XDM.
More info in this Jim Gordon's video
https://www.youtube.com/watch?v=PdV8c2lmd-0

 

Best regards

4 replies

cserrurier
cserrurierAccepted solution
Level 2
February 27, 2024

Hello,

I think the better to do what you want is to use conditions on a rule to update your XDM.
More info in this Jim Gordon's video
https://www.youtube.com/watch?v=PdV8c2lmd-0

 

Best regards

    rajdsingh
    rajdsingh
    Level 2
    March 7, 2024

    @cosneg  The best way to handle list var in Web SDK is to create a data element that ingest list values from your data layer (let's say array), parse and transform into the format that Web SDK expects.

     

     

     

    if (yourList && yourList.length > 0) { return yourList.map(item => ({ value: item })); }

     

     

     

     

    Above data element will transform your array such as ["item1", "item2", "item3"] to 
    [ { "value": "item1" }, { "value": "item2"}, { "value": "item3"} ]

    Now just map your above data element to your web sdk list var. Refer the attached screenshot:

     

     

    A
    Adobe Employee
    Arijit-AJAdobe Employee
    Adobe Employee
    March 14, 2024

    Hi @cosneg - May be you can use the Data option as shown in screenshot and merge the other object (Merged Object Data Element) with XDM object before sending data.

     

    P
    PadmajaS
    Level 3
    June 17, 2025

    Can anyone help me use the custom code in the web SDK implementation?

    In my old implementation I have custom code for video tracking.

    var iframe = document.querySelector('iframe[src*="vimeo"]');
    var player = new Vimeo.Player(iframe);
    var cent, counter25 = 1, counter75 = 1, retVal, flag = 0;
    var isVideoEnded = false;

    player.on('timeupdate', function(data) {
    cent = data.percent * 100;
    isVideoEnded = false;

    if (0.04 <= data.seconds && data.seconds <= 0.90 && flag === 0) {
    flag = 1;
    _satellite.track("video_start");
    }

    if (Math.floor(cent) === 25 && counter25 === 1) {
    _satellite.track("video_25");
    counter25++;
    retVal = true;
    }

    if (Math.floor(cent) === 50 && counter25 === 2) {
    _satellite.track("video_50");
    counter25++;
    }

    if (Math.floor(cent) === 75 && counter75 === 1) {
    _satellite.track("video_75");
    counter75++;
    }

    if (data.seconds === data.duration) {
    _satellite.track("video_end");
    counter25 = 1;
    counter75 = 1;
    isVideoEnded = true;
    }
    });

    player.on('pause', function(data) {
    if (!isVideoEnded) {
    _satellite.track("video_pause");
    }
    });

     

    And using the _satellite.track() in direct call rule. Now I wanted to migrate this in web SDK. how can I convert this custom code in web SDK.

    Terms & ConditionsAccessibility statement

    Loading footer...