ilyamst51

Подпишусь под словами выше, но добавлю, что JS не особо нужен. Можно и на чистом html+css.
Используйте :hover, :after, :before
Само закругление и стрелочку можно оформить картинкой (неправильно) или же тоже на CSS.
Яндексите "как сделать tooltip css, оформление всплывающих подсказок css" и подобный запросы.
Код для конкретного примера вряд ли кто то даст

Если человек пришел с яндекса - записать cookie
Если человек пришел не с яндекса - не записывать cookie
Если вы не знаете, что такое куки, почитайте статьи
Чтобы куки отображались на всем сайте, указвайте путь - /
То есть вот так вот
setcookie( 'auth', 1, time()+7776000, '/');
Чтобы вывести эту куку, напишите
echo $_COOKIE['auth']; // на любой странице сайта