Javascript将cookie值添加为对象，不像PHP添加cookie值

这是我的代码：

<?php
    $cookie = [
            'url' => (isset($_SERVER['HTTP_REFERER']) ? $_SERVER['HTTP_REFERER'] : null),
            'landing_page' => "//{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}",
            'date' => date('Y-m-d H:i:s')
        ];

        setcookie("mycookie_".rand(1,1000), json_encode($cookie), time() + (86400 * 30), "/");

?>
<script>    
var random = Math.floor((Math.random() * 1000) + 1);

setcookie("first_interaction"+random,<?=json_encode($cookie)?>,365)
</script>

在PHP中添加cookie时的值：

%7B%22url%22%3Anull%2C%22landing_page%22%3A%22%5C%2F%5C%2Fwww.site.com%5C%2FcookieTest.php%3Ftest%3Dtest%22%2C%22date%22%3A%222018-07-05+17%3A33%3A34%22%7D

我希望JS添加与PHP相同的cookie值。。。有什么想法吗

setcookie("first_interaction"+random,<?=json_encode($cookie)?>,365)

setcookie("first_interaction"+random,<?=json_encode($cookie)?>,365)

setcookie("first_interaction"+random,'<?=json_encode($cookie)?>',365)