Squarespace

Visão Geral:

Squarespace é conhecido por sua interface limpa e intuitiva, mas também permite a personalização por meio de código. As ferramentas primárias para a injeção de scripts são o recurso de "Code Injection" (Injeção de Código), para scripts que devem ser executados em todo o site, e o "Code Block" (Bloco de Código), para a inclusão de código em uma página específica. A escolha entre os dois métodos depende do objetivo final.

Método 1: Instalação Global (Injeção de Código)

Este método é ideal para scripts que precisam ser carregados em todas as páginas, como ferramentas de análise de dados ou um Agente.9

  1. Navegar para o Painel de Injeção de Código: No painel de administração do Squarespace, vá para Website, clique em Website Tools e selecione Code Injection.9

  2. Inserir o Snippet no Campo "Header": Cole o código do Aiblue na caixa de texto Header. Os scripts adicionados aqui são injetados no cabeçalho de cada página do seu site, o que é o local recomendado para códigos de rastreamento e de serviço externo.9

  3. Salvar as Alterações: Clique em Save (Salvar) para aplicar o código em todo o site.

Método 2: Instalação em Página Específica (Bloco de Código)

Para incluir o Agente em uma página ou postagem de blog específica, você deve usar o Bloco de Código.

  1. Adicionar um Bloco de Código: Ao editar uma página, clique em + Add Block e selecione Code.9 Isso criará um espaço para o código na página.

  2. Colar o Snippet com a Tag <script>: Na janela de edição do Code Block, certifique-se de que a linguagem esteja configurada para HTML no menu suspenso. É fundamental, neste método, envolver o snippet com as tags <script> e </script> para que o código seja executado, em vez de ser exibido como texto.10

  3. Publicar a Página: Salve o bloco e publique a página para ver o Agente em ação.

Análise e Recomendações:

A estrutura de código customizado do Squarespace, embora poderosa, possui uma contradição que pode confundir usuários iniciantes. A plataforma utiliza a injeção de código para scripts que operam em segundo plano, mas exige o uso de tags <script> para a execução do JavaScript em um Bloco de Código. Um usuário que simplesmente colar o snippet no Bloco de Código sem as tags de script verá o código exibido na página como um texto, sem funcionalidade, porque o Squarespace interpretará o conteúdo como Plaintext ou HTML que não deve ser executado. O guia deve enfatizar este requisito para evitar um erro de implementação comum.

É importante ressaltar que as modificações baseadas em código customizado no Squarespace não são cobertas pelo suporte oficial da plataforma.10 Isso reflete a filosofia da empresa de se responsabilizar pelo seu próprio código, mas tratar o ecossistema de terceiros como "use por sua conta e risco". Por isso, este guia serve como a principal fonte de orientação, e para questões mais complexas, a comunidade do Squarespace ou especialistas externos são os recursos mais indicados.1

Atualizado