A incorporação de um único ativo em seu site ou páginas de destino pode facilitar a atualização dos ativos em várias páginas e torná-la acessível para todos os usuários.
USM Content
Com o Smart CDN do Brandfolder by Smartsheet, você pode incorporar ativos em toda a web e formatá-los em tempo real para atender às suas necessidades específicas. Os links do CDN garantem que o conteúdo sempre reflita as alterações mais atualizadas feitas no ativo do Brandfolder by Smartsheet.
Os links do CDN são específicos do Brandfolder by Smartsheet. Você pode mover seus ativos no Brandfolder by Smartsheet e o link do CDN é mantido. No entanto, ao mover o ativo para um Brandfolder by Smartsheet diferente, o URL mudará e você deverá obter um novo link do CDN.
Ativar CDN
Proprietários e administradores podem habilitar o CDN em suas contas.
- Selecione Configurações > Configurações gerais.
- Selecione a guia Avançado.
- Verifique se os Links incorporados do CDN estão Habilitados.
A funcionalidade do link do CDN é desativada para todos os ativos pendentes, expirados, rascunhos ou somente exibição. A guia Incorporar e o Link do CDN cortado só aparecem quando os ativos são aprovados.
Incorporar um único ativo
A incorporação de um único ativo em seu site ou páginas de destino pode facilitar a atualização dos ativos em várias páginas e torná-la acessível para todos os usuários.
- Abra um dos modais de ativo.
- Selecione a guia Incorporar.
- Copie e cole o URL.
Opções de incorporação de URL do CDN:
- Link do CDN - Anexo: esse recurso permite que os usuários incorporem o anexo sem se preocupar com a posição. É um link direto para o anexo e é a versão mais otimizada do ativo. Um conjunto personalizado de parâmetros também pode ser adicionado por padrão a todos os URLs de anexo.
Outras opções disponíveis nos links do CDN adicionais:
- Link do CDN - Ativo: incorpore um anexo que será atualizado com base na posição em relação aos outros anexos.
- Link do CDN - Anexo (arquivo original): o URL faz referência ao URL do CDN do anexo original sem conversões ou otimizações predefinidas (parâmetros).
- Link do CDN - Quadro: redimensione automaticamente com base no contêiner em que o ativo está.
Você pode colocar o link em uma tag de imagem como e, ao atualizar o ativo, ele atualiza o link onde quer que esteja. Se um ativo tiver vários anexos, qualquer anexo que estiver na posição superior será exibido usando esse link.
Links do CDN predefinidos personalizados
As predefinições do Smart CDN criam renderizações automaticamente em um formato de link do CDN com foco e corte automáticos. Você também pode ativar predefinições de corte personalizadas na guia de incorporação. Depois que uma predefinição for habilitada, expanda o Menu de links do CDN predefinidos personalizados. Selecione o botão copiar link ao lado da predefinição de sua escolha e cole onde desejar.
Links do CDN personalizados (por nome de arquivo)
Você pode criar ou construir links do CDN personalizados com um identificador conhecido (ou seja, nome do arquivo) dos arquivos carregados. O SmartCDN é compatível com o caminho /
- O CDN-KEY está associado a um Brandfolder by Smartsheet em sua organização, que pode ser encontrado na guia Incorporar do ativo, na seção URL do CDN do anexo.
- filename é o nome do arquivo, o identificador conhecido.
Esses links de CDN são úteis se você tiver um grande volume de ativos e lidar com a distribuição deles via SmartCDN de forma programática.
Você pode escolher como nomear os arquivos, mas é recomendável usar nomes de arquivos exclusivos em um Brandfolder by Smartsheet para evitar confusão. Se houver nomes de arquivos duplicados, a versão/arquivo mais recente será entregue com o URL do CDN.
O SmartCDN é compatível com os seguintes caracteres sem a necessidade de codificação de URL:
- Caracteres alfanuméricos: A-Z, a-z, 0-9
- Outros caracteres não reservados: -, ., _, ~
- Caracteres especiais como: * < > | += % $ & / podem ser usados quando o URL é codificado.
IMPORTANTE: se um nome de arquivo for alterado, o URL do CDN deverá ser atualizado para corresponder ao novo nome de arquivo. Se um ativo for excluído, o URL retornará um erro 404. A habilitação dos links do CDN personalizados não altera as visualizações prévias do URL do CDN disponíveis na guia Incorporar do ativo. Esse recurso é usado de forma programática e não é possível acessá-lo em brandfolder.com.
Para ativar os links do CDN personalizados, entre em contato com brandfoldersupport@smartsheet.com.
Recursos avançados do Smart CDN
Cortar ativos
Você pode cortar uma imagem nas dimensões desejadas e, em seguida, copiar o link do CDN da imagem cortada.
Transformação e conversão:
Você também pode obter links do CDN de imagens cortadas ajustando os parâmetros no URL.
Por exemplo, digamos que você tenha um URL do Smart CDN, como https://cdn.brandfolder.io/YUHW9ZNT/as/6skcfbkq/brandfolder_icon_aqua.png.
Se você quiser a mesma imagem com dimensões exatas, basta especificar isso no URL, como: https://cdn.brandfolder.io/YUHW9ZNT/as/6skcfbkq/brandfolder_icon_aqua.png?width=150.
Precisa de um JPG em vez de um PNG? Basta alterar a extensão no final do URL: https://cdn.brandfolder.io/YUHW9ZNT/as/6skcfbkq/brandfolder_icon_aqua.jpg
Precisa de uma versão maior do arquivo? Aumente os parâmetros de altura ou largura no URL e adicione &pad=true para acrescentar preenchimento de espaço em branco à imagem original.
Para ativos transparentes, alguns visualizadores de navegadores padrão preencherão automaticamente o fundo (geralmente branco).
Extensão automática:
O CDN do Brandfolder permite que você use a extensão .auto na v1 ou auto=webp na v2. Escolhemos automaticamente o melhor formato para o navegador carregar a imagem. Isso inclui enviar imagens de volta usando o formato WEBP, que reduz o tamanho da imagem sem perda e acelera o carregamento dela no site.
- v1: https://cdn.brandfolder.io/YUHW9ZNT/as/6skcfbkq/brandfolder_icon_aqua.auto
- v2: https://cdn.brandfolder.io/YUHW9ZNT/as/6skcfbkq/brandfolder_icon_aqua?auto=webp
O Smart CDN permite vincular qualquer anexo dentro do ativo, não apenas o primeiro. Digamos que seu ativo tem vários anexos e você deseja adicionar o quarto anexo ao ativo, acrescente ?position=4 ao final do URL do CDN: https://cdn.brandfolder.io/C0KGG2P6/as/pd20zo-6xxwds-g0sj9j/CDN%20Example.png?position=3.
Use qualquer combinação das opções acima para modificar o link do CDN e obter os anexos do Brandfolder exatamente como você precisa deles para o seu caso de uso.
Atualização em tempo real:
Sempre que você atualiza um ativo no Brandfolder by Smartsheet, os links do Smart CDN associados também são atualizados para refletir essas alterações.
Expiração automática:
Se você encerrar, desaprovar ou excluir o ativo no Brandfolder by Smartsheet, o link do Smart CDN também expirará automaticamente (pode ficar armazenado em cache por até 24 horas).
Incorporação de ativos de vídeo
A incorporação de ativos de vídeo é um pouco diferente da incorporação de ativos de imagem. O Brandfolder fornece um iframe básico com nosso reprodutor de vídeo incorporado. Os usuários podem controlar o tamanho do iframe e vários parâmetros opcionais para vídeos.
Exemplo de código incorporado
Loop
Permite que o vídeo seja repetido após o término da reprodução.
- loop
- padrão: false
- opções: booleano - true ou false
Silenciado
Determina se o som é silenciado quando o reprodutor é carregado. Isso é útil ao usar as configurações de reprodução automática devido a restrições de reprodução automática do navegador.
- silenciado
- padrão: false
- opções: booleano - true ou false
Reprodução automática
Reproduza automaticamente o vídeo após o carregamento.
- reprodução automática
- padrão: false
- opções: booleano - true ou false
O uso do Brandfolder by Smartsheet para reproduzir automaticamente um vídeo quando uma página é carregada não é uma questão simples. Isso decorre do fato de os navegadores responderem aos usuários que NÃO querem que os vídeos sejam reproduzidos automaticamente. A maneira mais confiável é definir autoplay=true&muted=true, pois muitos navegadores (incluindo o Chrome) não reproduzem automaticamente vídeos com áudio.
Tenha cuidado para não excluir o ativo ao usar esse recurso!