svgアニメーションの初回訪問時の動作について

質問させてください。

wordpressでサイトを製作しております。

body直下にaftereffectsで作成した(bodymovin使用)svgアニメーションを配置して、初回訪問時のみに表示させたいです。

<body>
<div class="load"><div id="bodymovin"></div></div>
<div id="page">
 コンテンツ
</div>

var animData = {
    wrapper: document.getElementById('bodymovin'),
    animType: 'svg',
    loop: false,
    prerender: true,
    autoplay: true,
    path: '<?php echo get_stylesheet_directory_uri(); ?>/data.json'
};
var anim = bodymovin.loadAnimation(animData);

$(".load").fadeIn(0);
$(document).ready(function(){
  setTimeout(function() {
    $("#page").css("display","block");
    $(".load").fadeOut(600);
  }, 3500);
});

上記のように記載しております。
アニメーションはフェードアウトになるように強引に数値を微調整して表示させています。

設置はなんとかうまくいったのですが、
これを初回訪問時のみに表示させたいです。

調べてcookieを使用しての方法を試したのですが、うまくいきません。

お力をお貸しいただけたら幸いです。
困っています。
何卒、よろしくお願いいたします。