Fix/ad tracking gdpr signup issue

[MicBosi]

Changes proposed in this Pull Request

• Fixes issue reported here pa0z1R-b9-p2/#comment-313

The issue: ad-tracking is blocked during signup for non-GDPR countries since country check relies on the user object which during signup is not available. So far this wasn't an issue because we weren't tracking signups but lately we have started doing so.

Instead we now request the current country code using a logic that is coherent with the A8C_Analytics plugin that runs on wordpress.com homepage and landing pages, by simply using the https://public-api.wordpress.com/geo/ API and storing it to the country_code cookie which is also used by A8C_Analytics. The cookie expires and it's refreshed every 6 hours.

Testing instructions

Test EU country:

• Disable Automattic proxy (optional, makes Geo IP testing more straightforward when testing with your local IP)
• Using a VPN service like TunneBear visit the following from a EU country
• Open a new incognito window or clear all your cookies and localStorage
• Make sure there is no country_code or sensitive_pixel_option cookies set
  visit the following address in Calypso, including flags required to enable ad-tracking:

/start/user/?flags=gdpr-banner,google-analytics,ad-tracking

• Enable debug logs by entering the following in your browser console:

localStorage.setItem( 'debug', 'calypso:analytics:*' );

• Make sure to delete any country_code cookie you might have
• Refresh the page making sure the flags above are still present in the URL
• In the console you should see the following:

isAdTrackingAllowed: false

• Check you have a country_code cookie set to the country you are connecting from

Test non-EU country:

• Clear all cookies or open a new incognito window.
• Make sure there is no country_code or sensitive_pixel_option cookies set
• Using a VPN service like TunneBear visit the following from the US or any non-EU country
• Refresh the page making sure the flags above are still present in the URL
• In the console you should see the following:

isAdTrackingAllowed: true

• Check you have a country_code cookie set to the country you are connecting from

Test signup

• While making sure you still get a isAdTrackingAllowed: true, visit /start/user/?flags=gdpr-banner,google-analytics,ad-tracking, signup and create a new free account while keeping Chrome's Dev Tools open.
• Make sure "Preserve Log" is selected in the Network tab, else you'll lose the the logs once redirected to wordpress.com after signup completion.
• Once completed the signup procedure you should see the two following pixels in the Network tab:
  • cab35a3a79dc4173b8ce2c47adad2cea: Icon Media retargeting pixel
  • d239e9cb6d164f7299d2dbf7298f930a: Icon Media signup pixel

Regressions:

• While testing for the above make sure the various trackers fire as expected either using Ghostery (with ad blocking disabled) or looking in the Chrome's Network tab activity.

[matticbot]

Test live: https://calypso.live/?branch=fix/ad-tracking-gdpr-signup-issue

[jaswrks]

LGTM! :) Behaves as expected when testing from various countries. All of the trackers are continuing to fire in Ghostery whenever I test from a non-EU country.

[jaswrks]

I (@jaswrks) merged and deployed this on behalf of @MicBosi, who is AFK at this time.

[MicBosi]

Thanks, @jaswrks! 🥇