Adicionando detecção de AdBlocker ao seu blog Hugo com o tema PaperMod
Neste post do blog, aprenderemos como adicionar a detecção de AdBlocker ao seu blog Hugo usando o tema PaperMod. Também incluiremos uma mensagem simples de aviso para usuários que têm um ad-blocker ativado, encorajando-os a desativá-lo ou adicionar seu site à lista de permissões. Visão geral Aqui está uma visão geral rápida das etapas que iremos seguir: Crie um arquivo CSS personalizado para estilizar a mensagem de aviso. Crie um arquivo JavaScript para detectar ad-blockers. Adicione um arquivo HTML parcial para a mensagem de aviso. Estenda os parciais de cabeçalho e rodapé para incluir nossos novos arquivos. Guia passo a passo 1. Crie um arquivo CSS personalizado Crie um novo arquivo chamado custom_css.css no diretório assets/css/extended/ e cole o seguinte código CSS: ...