Hello I wondering if I could get some help to make the pre-loader when you enter my website only show up when you type in the domain. Right now the pre-loader is acting more an intro animation and it's around 10 seconds long so I don't want people to have to sit through it every time they click on the site icon to go back to the homepage. I did some research and realize that using cookies is probably they best way to go but I don't know how to apply the code and information I found to my website. I have little coding experiencing so I'm pretty new to javascript and how to implement it. Some background information on my website is that I'm using wordpress to build it along with the drag and drop plugin, cornestone by themeco (which might complicate things since I'm not able to edit the raw html, only able to add CSS and JS). For the pre loader I'm using the plugin called WP smart preloader where I'm able add html and CSS to make a custom preloader which I've done. So if anyone could offer any help it'll be greatly appreciated!

My website: www.jlemoser.com

Incase this is needed here is the html for the preloader:

<script src="http://jlemoser.com/wp-content/uploads/player.js"></script>

<div id="lottie"></div>

var anim;
var elem = document.getElementById('lottie');
var animData = {
container: elem,
renderer: 'svg',
loop: false,
autoplay: true,
rendererSettings: {
path: 'http://jlemoser.com/wp-content/uploads/logo.json'
anim = lottie.loadAnimation(animData);