Cookie is not being created

Question

Guys, I have the following script:

<script>
    $(document).ready(function() {
        window.setInterval(function() {
            $(".anuncio iframe").iframeTracker({
                blurCallback: function() {
                    console.log("blurCallback!");
                    window.setTimeout(function() {
                        <?php setcookie("Changed","Ok", time() + 172800,  $path = "/"); ?>
                        liberar();
                   }, 2000);
                }
            }); 
        }, 5000);
    });
</script>

The "release" function of the script comes to be executed, but for some reason the cookie is not being created. When I place the cookie right above the head ai creates, but if I leave it inside this script it does not create, as if the script skipped the creation of the cookie and went straight to execute the "release" function. Could help me understand why the cookie is not being created?

Answer 1

Good afternoon dear, I have a suggestion.

first create the following php file

 //arquivo setCookie.php
 <?php
 setcookie("Changed","Ok", time() + 172800,  $path = "/");
 echo 1;

now with jquery relate the desired event to the element

 <script>
 $(document).on("click", ".anuncio iframe", function(){
      setCookie();
 });
 </script>

This excerpt makes the event "click" ( or any event) and the element ". iframe" announcement are related at any time, regardless of whether the element has already been loaded or not. Then calling the setcookie() function described in the sequence

function setCookie(){
        $.ajax({
                url:"setCookie.php",
                success:function(data){
                        if(data == 1){
                        console.log("ok")
                        }
                }
        });
}

And voilá! to check if it worked open the inspector (F12) and see in the console the ok, see also in Aplication cookies, hugs

If you prefer copy and paste:

 <script>
 $(document).on("click", ".anuncio iframe", function(){
       $.ajax({
                url:"setCookie.php",
                success:function(data){
                        if(data == 1){
                        console.log("ok")
                        }
                }
        });
 });
 </script>

or

<script>
function setCookie(){
        $.ajax({
                url:"setCookie.php",
                success:function(data){
                        if(data == 1){
                        console.log("ok")
                        }
                }
        });
}
$(document).on("click", ".anuncio iframe", function(){
     setCookie();
});
</script>

Note that where it reads "click", it can be replaced by any event handler as listed in the link https://developer.mozilla.org/en-US/docs/Web/Events

Answer 2

It is simpler to replace the <?php setcookie("Changed","Ok", time() + 172800, $path = "/"); ?> by a native function of the javascript language:

document.cookie = "Changed=ok";

With this you will create the cookie. If you want to add more parameters to the cookie go to w3Schools