Expand my Community achievements bar.

SOLVED

Hide/Show Script Causes Flickering, Inconsistent Experience

Avatar

Level 2

We're trying to test a new navigation. In order to do this, we serve both navs and then using Target, we add a script to the test variant that hides the old nav and shows the new one. It's three lines of JS. 

However, we've experienced both a flicker and it will go back and forth from test to control for the same visitor. Adobe told me to just do it through Visual Editor, but that would frankly be a lot of work. 

Anyone have any good workarounds?

1 Accepted Solution

Avatar

Correct answer by
Level 10

Hi ,

Just to get more understanding of what you are doing, How are you adding the script that hides the old nav ?. However the ideal way would be add the code using "Code Editor " inside visual experience composer.

Add custom JavaScript or CSS code. Code entered on the Custom Code tab is added to the <head> section and its execution will not wait for body or page-load events. . If you are using mbox.js version 60 or later or any version of at.js, all offers will deliver asynchronously. Please see the following link for more help : https://marketing.adobe.com/resources/help/en_US/target/target/c_vec_code_editor.html

Thanks & Regards

Parit Mittal

View solution in original post

1 Reply

Avatar

Correct answer by
Level 10

Hi ,

Just to get more understanding of what you are doing, How are you adding the script that hides the old nav ?. However the ideal way would be add the code using "Code Editor " inside visual experience composer.

Add custom JavaScript or CSS code. Code entered on the Custom Code tab is added to the <head> section and its execution will not wait for body or page-load events. . If you are using mbox.js version 60 or later or any version of at.js, all offers will deliver asynchronously. Please see the following link for more help : https://marketing.adobe.com/resources/help/en_US/target/target/c_vec_code_editor.html

Thanks & Regards

Parit Mittal