Expand my Community achievements bar.

Join Cristinel Anastasoaie, Timothy Furlow, and Brent Kostak, WEDNESDAY, 2/28/24 @8am PT for the next Adobe Target Community Q&A Coffee Break on topics from the recent High Performance Recommendations Webinar PT 2 of the ongoing Target Personalization Maturity Webinar Series
SOLVED

How to print Activity ID or Name on the browser console for debugging?

Avatar

Level 2

I have a react application which has Adobe Target SDK deployed on the server side and using at.js 2.x. 
How can I print the Activity ID or Activity Name on the browser console so that it's useful for debugging or checking if the correct offer is applied?
Below is my current TriggerView function: 
I would like to console log the Activity ID after the success call. 

export function triggerView(viewName, mbox) {
  if (typeof adobe !== 'undefined' && adobe.target && typeof adobe.target.triggerView === 'function') {
      adobe.target.getOffer({
        "mbox": mbox,
        "success": function (offer) {
          if (offer.length) { 
            adobe.target.applyOffer({
              "mbox": mbox,
              "offer": offer
            });
          }
        },
        "error": function (status, error) {
          console.log('Error', status, error);
        },
        "timeout": 3000
      });

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @Pravinrams1 

You can also look for the requested info using Browser Network tab and search for “delivery” inside the search box. Please see in the below screenshot in response Token object you can able to see activity.id, name, experience name and other info.

Gokul_Agiwal_0-1689602364474.png

View solution in original post

8 Replies

Avatar

Employee Advisor

@Pravinrams1 Here is the syntax to fetch the Activity name and Activity ID in the custom code

1. Campaign Name: ${campaign.name}

2. Campaign ID: ${campaign.id}

Hope this helps to achieve your scenario

Avatar

Level 2

@dsingh16 Sorry, I am new to Adobe Target. Where do you put this custom code?

Avatar

Employee Advisor

@Pravinrams1 When you create Target activities, you will see an option as Modification Type, choose the modification type as Custom code, and add code in the head section. 

dsingh16_0-1689357862352.png

Help link: https://experienceleague.adobe.com/docs/target/using/experiences/vec/modifications/vec-code-editor.h...

 

Avatar

Level 2

Hello! It looks like it's only VEC but I am using form method, is there a similar option for "Form-based" as well?

Avatar

Community Advisor

Hi @Pravinrams1 

you can achieve this through Response tokens

RT helps you and can provide the information include details about the activity, offer, experience, user profile, geo information, and more. 

Here is the link of ttMETA plugin that you can inject directly into your HTML page or through tag manager and print all the Activity ID or Activity Name and other info on console. 

https://experienceleague.adobe.com/docs/target/using/administer/response-tokens.html?lang=en#debuggi... 

 

If in case if you're using the AEP Web SDK then here is the solution

Hope this helps. 

Avatar

Correct answer by
Community Advisor

Hi @Pravinrams1 

You can also look for the requested info using Browser Network tab and search for “delivery” inside the search box. Please see in the below screenshot in response Token object you can able to see activity.id, name, experience name and other info.

Gokul_Agiwal_0-1689602364474.png

Avatar

Level 2

Thank you, @Gokul_Agiwal I can see it in the network tab once I enabled the RT.

Avatar

Community Advisor

Great @Pravinrams1 Glad to know that it worked for you. !!!