Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Adobe Target Community Q&A Coffee Break: On Wednesday, February 1 at 8am PT, Brent Kostak of the Adobe Target Product team will be joining us to answer your Target questions. To register and for more information, follow the link to the right.
SOLVED

Flicker Issue - Adobe Target Implementation through AEP WEB SDK Implementation

Avatar

Level 8

Hi Experts,

 

We have implemented Adobe Target through Web SDK (async) and added pre-hiding snippet.

The order is : Pre hiding snippet  (in the head section)

                     Launch Web SDK (in the head section)

                     data layer ( in body section )

 

Observation :

There is a flicker in the first visit but post page refresh the flicker is not at all present.

 

Flicker code :

<script>
!function(e,a,n,t)
{var i=e.head;if(i){
if (a) return;
var o=e.createElement("style");
o.id="alloy-prehiding",o.innerText=n,i.appendChild(o),setTimeout(function(){o.parentNode&&o.parentNode.removeChild(o)},t)}}
(document, document.location.href.indexOf("adobe_authoring_enabled") !== -1, "body { opacity: 0 !important }", 3000);
</script>

 

Can someone suggest if we are missing some configuration here ?

 

1 Accepted Solution

Avatar

Correct answer by
Level 4

Hi @LordOfTheRings ,

 

The order in which I have implemented is below and it worked well. 

1) Data Layer

2) Body Hiding script

3) Launch script

 

Also you can also try adjusting the timeout ( "body { opacity: 0 !important }", 3000);) in body hiding script to see if that resolves the flicker issue. . Ensure you don't reduce it too much, the more you reduce the number, the more chances to get a flicker.

Adobe doc ref : https://docs.adobe.com/content/help/en/target/using/implement-target/client-side/at-js/manage-flicke...

 

Thanks

View solution in original post

1 Reply

Avatar

Correct answer by
Level 4

Hi @LordOfTheRings ,

 

The order in which I have implemented is below and it worked well. 

1) Data Layer

2) Body Hiding script

3) Launch script

 

Also you can also try adjusting the timeout ( "body { opacity: 0 !important }", 3000);) in body hiding script to see if that resolves the flicker issue. . Ensure you don't reduce it too much, the more you reduce the number, the more chances to get a flicker.

Adobe doc ref : https://docs.adobe.com/content/help/en/target/using/implement-target/client-side/at-js/manage-flicke...

 

Thanks