Yahoo! Store integration

From ClickTale Wiki
(Redirected from Yahoo! Store)
Jump to: navigation, search

Below are instructions of implementing ClickTale in the cart and checkout pages of Yahoo! Merchant store. This implementation uses the FetchFromWithCookies method for cookie capturing.

Note: Any visitor who goes through the entire process will be broken into 2 or 3 separate visitors in the system. This is due to the way Yahoo! uses several domains in the checkout process.
Note: This works best if you record 100% of your visitors, otherwise you may record a visitor in one domain of the process and not in another.
Note: You need a ClickTale account with the SSL option enabled. This normally requires a paid plan.

  1. Generate your tracking code while specifying to enable the SSL checkbox. Have both top and bottom part available.
  2. Use the path in the code to locate the WRx.js file, eg.
    https://clicktalecdn.sslcs.cdngc.net/www/WRd.js
    Save the WRx.js file to your local computer.
  3. Go to Yahoo Store Manager > Store Editor > Files > Upload the WRxx.js file you had been given at code generation. Keep the same file name and note the path that Yahoo generates for you. For example: http://lib.store.yahoo.net/lib/yhst-xxxxxxxxxxxxxxxx/WRxx.js
  4. Similarly download the file FetchFromWithCookies.js here and upload it your Yahoo store. Keep the same file name and note the path that Yahoo generates for you.
  5. Go to Yahoo Store Manager > Checkout Manager > Global Settings > Checkout Wrapper > Checkout Regions
  6. Add the ClickTale tracking code top part in the "Top Navigation" field
  7. In the "Footer" field add the following code:
  8. <!-- ClickTale Bottom part -->
    <div id="ClickTaleDiv" style="display: none;"></div>
    <script src="/WRxx.js" type="text/javascript"></script>
    <script type="text/javascript" src="/FetchFromWithCookies.js"></script>
    <script type="text/javascript">
    FetchFromWithCookies.setFromCookie("ysco_key_shopping_cart_cookie");
    FetchFromWithCookies.setFromCookie("ysco_key_session_cookie");
    FetchFromWithCookies.setFromCookie("ysco_key_browser_session_cookie");
    ClickTaleFetchFrom = FetchFromWithCookies.constructFetchFromUrl();
    ClickTaleEventsMask-=4;
    var ClickTaleSSL=1;
    if(typeof ClickTale=='function') ClickTale([!YOUR PARAMETERS!]);
    </script>
    <!-- ClickTale end of Bottom part -->
  9. Modify the ClickTale tracking code bottom part in the "Footer" field in the following ways:
    1. Change the first script URL from "/WRxx.js" to "https://lib.store.yahoo.net/lib/yhst-xxxxxxxxxxxxxxxx/WRxx.js". Note the change to HTTPS so it points to the URL you had been given in the file upload stage.
    2. Similarly, change the second script URL from "FetchFromWithCookies.js" to the path given by yahoo for the uploaded FetchFromWithCookies.js file. Again HTTP should be changed to HTTPS.
    3. Replace [!YOUR PARAMETERS!] with the parameters as they appear in the bottom part of the tracking code your generated in your account.
  10. Try to add something to your cart and go a few steps deep in the checkout process to see if you are able to make recordings.

If you can't make recordings, check that yahoo domains such as order.store.yahoo.net, us-dc1-order.store.yahoo.net and us-dc2-order.store.yahoo.net are checked for recording.