Если вы рекламу будете вставлять (а обычно она находится в iframe), то у рекламного провайдера должен быть api, который возвращал бы факт клика по рекламе. В гугл или яндекс вам грозит бан за это.
Если своя реклама будет, то это легко обрабатывается с помощью javascript. Учите javascript.
С социальными кнопками сложнее, тот пример, который вы показали, сложно назвать соц. замком, автор не стал заморачиваться и повесил все кнопки на одно событие, которое срабатывает при закрытии окна.
У некоторых соц. сетей типа вконтакте, очень кривой api для кнопок или его попросту нет, чтобы кнопки работали кроссбраузерно, на всех мобильных устройствах, вам нужно изрядно потрудиться. Учтите, что вконтакте не до конца поддерживает Punycode, а значит вам нужно обязательно писать костыль под IE EDGE (который вообще не поддерживает punycode) для кнопки поделиться вконтакте. Если вы не гуру вконтакте api и не знаете багов соц. сети, лучше не заморачивайтесь. Ищите готовое решение.
Для соц. кнопок можете попробовать решение с 100% проверкой
https://sociallocker.ru
В принципе, у них плагина есть возможность, создавать свой собственный элемент блока, через api, но в документации этого не написано, нужно списываться с авторами. Если нет проблем с финансами, вам могут с вашим решением.
Вот сайт где я это нашёл) 
Простой
