topic Set Cookie from URL Parameter and using it in HTML on a different page. in CMS Development

Set Cookie from URL Parameter and using it in HTML on a different page.

REVEALiO — Mon, 09 Jan 2017 19:41:17 GMT

I am setting up an affiliate link area for my site and need to be able to store a URL query string into a cookie that expires in a 7 days and pull it out into HTML later down the road.

Users will click on a link like: http://examplesite.com?afil=randomvalue.

I want to pull the key 'afil' and the value 'randomvalue' and put it in a cookie in the browser.

This cookie will be used later (on another page) in a link from one of examplesite.com to order.examplesite.com but I can't keep the parameter (query string) in the URL.

I can do this on another site using PHP but HubSpot doesn't let me use PHP. I saw other posts mentioning the use of HUBL.

My PHP code is:

<body>

<?php

$value=$_GET['afil']; //the value from the url

setcookie("afilCookie", $value, strtotime( '+7 days' )); /* expire in 7 days */

...

And to create a link I would then add this code to any page:

if (isset($_COOKIE['afilCookie'])) {
$cookie = $_COOKIE['afilCookie'];
echo '<a href="http://order.examplesite.com?afil=' . $cookie . '" class="button">Order Now</a>';
}

Can anyone help me with creating the correct code in HUBL to do all of this?

1. Add a cookie with the key/value from the URL query string (parameter).

2. Pull the cookie value to use as a variable in a link.

I am very unfamiliar with it and haven't been able to find any posts that match this request.

Re: Set Cookie from URL Parameter and using it in HTML on a different page.

REVEALiO — Tue, 10 Jan 2017 00:06:54 GMT

HubSpot has told me that there is no way to set a cookie using PHP, Javascript, jQuery, or HubL. If anyone knows otherwise please let me know.

Re: Set Cookie from URL Parameter and using it in HTML on a different page.

ndwilliams3 — Tue, 10 Jan 2017 15:01:51 GMT

I don't see why you could not use JavaScript to set a cookie?

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

setCookie("afil", "{{ request.query_dict.afil }}", 30);

I'd give it a try and see if it works!

Re: Set Cookie from URL Parameter and using it in HTML on a different page.

stefen — Wed, 11 Jan 2017 14:38:06 GMT

To get just the value from a specific query field you can use this HubL:

{{ request.query.get('afil') }}

So if your URL looks like this: example.com/page?afil=randomkey

The code will return the string "randomkey". Of course you could also just do this without HubL at all and with just vanilla javascript.

Re: Set Cookie from URL Parameter and using it in HTML on a different page.

REVEALiO — Thu, 12 Jan 2017 00:51:50 GMT

I asked Hubspot and they said that they support Javascript but not when related to cookies