How to set Click Tracking Goal and change image for image carousel
I am trying to test the effectiveness of different banner styles on our home page carousel. I experience 2 issues:
1) Unable to change image through visual editor
I click on the image and upload a new one sucessfully but the new image won't show. I assume I am not uploading the image to the right container. Is it possible to do this via Visual Editor or I need to edit the code directly? If the latter, how can this be done?
2) Unable to set click goal through visual editor
When clicking on the carousel and trying to set the click goal, the carousel itself disappears when the window opens for me to select the different click target, so I am unable to click on the right object. Is it possible to do this via Visual Editor or I need to edit the code directly? If the latter, how can this be done?
Solved! Go to Solution.
2) Likewise, if you're unable to track using the Visual Editor, find the selector for your carousel and add a custom click event goal by clicking on goals then going to advanced and putting in your carousel selector (e.g. #my-image).
Thank you for swift reply Robertchan.
I have also tried to substitute the image url directly in the 3 parts of the HTML code. The image loads correctly on the Editor but doesn't change in Preview Mode.
The url of the target image is
Any additional suggestion?
Thanks a lot for your help.
<div class="billboards" data-loop="" data-per-page="1" id="carousel">
<ul style="left: 0px;">
<a data-image="http://s1.lximg.com/images/billboards/3New_Private_Sale_May_29_BB_STARTNOW_AU_61f9b8ac504ea7ad905862... href="/categories/makeup?aaidi=2239&acidi=534"><img alt_text="Take 20% Off Everything: Sephora Private Sale Starts now through May 29. Black Card Members Exclusive, use code SECRETBC at checkout. " data-image-url="http://s0.lximg.com/images/billboards/3New_Private_Sale_May_29_BB_STARTNOW_AU_61f9b8ac504ea7ad905862... src="http://s0.lximg.com/images/billboards/3New_Private_Sale_May_29_BB_STARTNOW_AU_61f9b8ac504ea7ad905862...>
</a><button name="button" type="button" class="billboard_terms_and_conditions_button" data-billboard-type="primary_billboard_3" data-top="360" data-left="510" style="top: -40px; left: 510px; display: inline-block;">Terms & Conditions</button>
<div class="billboard_terms_and_conditions hidden" id="primary_billboard_3">
<h2 class="bold">Terms & Conditions</h2>
<p class="bold">Terms and Conditions:</p>
<p>*For Black Card members only. Sale offer is valid from May 26, 2016 to May 29, 2016 on the total amount of your purchase (excluding possible costs of delivery) made on www.sephora.com.au (12am AEST - 11:59pm AEST) and at Sephora Australia stores (during store opening hours). For online purchase, you must be signed into your account and enter the promotional code SECRETBC. For in-store purchase, present this email or your Black Card at cashier. Offer is not valid with other discounts and promotions. Offer is not valid on gift cards, services, charitable items or any other exclusions mentioned in-store and/or on www.sephora.com.au.</p>
<a class="continue_shopping" href="/categories/makeup?aaidi=2239&acidi=534">Continue Shopping</a>
I managed to obtain the desired result by replacing the new image URL directly. I think I had done the same before but I might have made some mistake.
On the goal setting, your suggestion worked.