SetPublicCookie is not working with Full page cache

Question

I have an event triggered on all pages to set a cookie. However, the cookie is created only on uncached page and I don't understand why.

Here, my event :

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xsd">
    <event name="controller_action_predispatch">
        <observer name="custom_cookie" instance="Namespace\Project\Observer\CreateCookie" />
    </event>
</config>

And I used this class to create my cookie:

\Magento\Framework\Stdlib\CookieManagerInterface::setPublicCookie

I already tried with layout_load_before or controller_front_send_response_before but the result is the same.

If I desactivate the cache on all pages, all is working (but, of course, it's not a solution).

Can I used another event (triggered on all pages)? Or is there another way?

Answer 1

you can do using default.xml file just call phtml file from layout and

add below code in your phtml file

<script type="text/javascript">
    require([
        'jquery',
        'jquery/jquery.cookie'
    ], function ($) {
        $(document).ready(function () {
 
            var date = new Date();
            var minutes = 60;
            date.setTime(date.getTime() + (minutes * 60 * 1000));
            $.cookie('name', '', {path: '/', expires: -1}); // Expire Cookie
            $.cookie('name', 'name1', {expires: date}); // Set Cookie Expiry Time
            $.cookie('name', 'value'); // Set Cookie Value
        }
    });
</script>

Answer 2

I guess you want to read the cookie value inside a block. But with full page cache, this page (and block) is cached, therefore only the first pageview will actually try to read the cookie. So you need read up on FPC hole punching to ensure the block is never cached.