Incorporare asset con Smart CDN

Incorporare un singolo asset nel sito web o nelle pagine di destinazione può rendere l’aggiornamento degli asset su più pagine facile e accessibile a tutti gli utenti.

Chi può usarlo?

Piani:

  • Brandfolder

Autorizzazioni:

  • Proprietario
  • Amministratore

Find out if this capability is included in Smartsheet Regions or Smartsheet Gov.

Con Smart CDN di Brandfolder, puoi incorporare asset sul web e formattarli in tempo reale per soddisfare le tue esigenze specifiche. I link CDN assicurano che i tuoi contenuti riflettano sempre le modifiche più aggiornate apportate al tuo asset Brandfolder.

I link CDN sono specifici per Brandfolder. Puoi spostare i tuoi asset all’interno di Brandfolder e il link CDN verrà mantenuto. Tuttavia, se sposti il tuo asset in un Brandfolder diverso, l’URL cambia e dovrai ottenere un nuovo link CDN. 

Abilitare CDN

I Proprietari e gli Amministratori possono abilitare CDN sui loro account.

  1. Seleziona Impostazioni > Impostazioni generali
  2. Seleziona la scheda Avanzate
  3. Assicurati che i link di incorporamento CDN siano attivati.

La funzionalità link CDN è disattivata per tutti gli asset in sospeso, scaduti, in bozza o in sola visualizzazione. La scheda Incorpora e Link CDN ritagliato vengono visualizzati solo quando gli asset sono approvati.

Incorporare un singolo asset

Incorporare un singolo asset nel sito web o nelle pagine di destinazione può rendere l’aggiornamento degli asset su più pagine facile e accessibile a tutti gli utenti.

  1. Apri una delle finestre modali degli asset.
  2. Seleziona la scheda Embed (Incorpora). 
  3. Copia e incolla l’URL. 

Opzioni di incorporamento URL CDN:

  • Link CDN - Allegato: questa funzione consente agli utenti di incorporare l’allegato senza doversi preoccupare della sua posizione. È un link diretto all’allegato ed è la versione più ottimizzata dell’asset. È inoltre possibile aggiungere per impostazione predefinita un set personalizzato di parametri su tutti gli URL dell’allegato.

Altre opzioni disponibili in Link CDN aggiuntivi:

  • Link CDN - Asset: incorpora un allegato che si aggiornerà in base alla posizione in relazione agli altri allegati.
  • Link CDN allegato (file originale): questo URL fa riferimento all’URL CDN dell’allegato originale senza conversioni o ottimizzazioni predefinite (parametri).
  • Link CDN - Frame: ridimensiona automaticamente in base al contenitore in cui si trova l’asset.
embed asset using smart cdn

Puoi inserire questo link in un tag immagine come ; in questo modo, quando aggiorni l’asset, il link viene aggiornato in tutte le posizioni. Se un asset ha più allegati, utilizzando questo link verrà visualizzato l’allegato in prima posizione.

Link CDN preimpostati personalizzati

Le preimpostazioni Smart CDN creano automaticamente delle versioni in formato Link CDN con focus e ritaglio automatici. Puoi anche abilitare preimpostazioni di ritaglio personalizzate nella scheda di incorporamento.  Una volta abilitata una preimpostazione, espandi il menu Link CDN preimpostati personalizzati. Seleziona il pulsante copia link accanto alla preimpostazione scelta e incollalo dove desideri. 

embed asset using smart cdn

Link CDN personalizzati (per nome file)

Puoi creare o costruire link CDN personalizzati con un identificatore noto (cioè il nome del file) dei file caricati. SmartCDN supporta il percorso //fn/, in cui:

  • CDN-KEY è associato a un Brandfolder nella tua organizzazione, che puoi trovare nella scheda Incorpora del tuo asset nella sezione URL CDN allegato. 
  • filename è il nome del file, ovvero l’identificatore noto. 

Questi link CDN sono utili se hai un grande volume di asset e gestisci la loro distribuzione tramite SmartCDN in modo programmatico. 


Puoi decidere come nominare i file, ma consigliamo di utilizzare nomi di file univoci all’interno di un Brandfolder per evitare confusione. Se esistono nomi di file duplicati, l’URL CDN mostrerà la versione/il file più recente.
 

SmartCDN supporta i seguenti caratteri senza la necessità di codifica URL:

  • Caratteri alfanumerici: A-Z, a-z, 0-9
  • Altri caratteri non riservati: -, ., _, ~
  • Caratteri speciali come: * < > | += % $ & /  possono essere utilizzati quando l’URL è codificato. 


IMPORTANTE: se un nome file cambia, l’URL CDN deve essere aggiornato in modo che corrisponda al nuovo nome file. Se un asset viene eliminato, l’URL restituisce un errore 404. L’abilitazione dei link CDN personalizzati non modifica le anteprime degli URL CDN disponibili nella scheda Embed (Incorpora) dell’asset. Questa funzione viene utilizzata a livello di programmazione e non è possibile accedervi da brandfolder.com
 

Per attivare i Link CDN personalizzati, contatta brandfoldersupport@smartsheet.com.  

Funzioni avanzate di Smart CDN

Ritagliare asset 

Puoi ritagliare un’immagine alle dimensioni desiderate e quindi copiare il link CDN dell’immagine ritagliata. 

embed asset using smart cdn

Trasformazione e conversione:

Puoi ottenere i link CDN di immagini ritagliate anche regolando i parametri sull’URL.

Ad esempio, supponiamo di avere un URL Smart CDN come https://cdn.brandfolder.io/YUHW9ZNT/as/6skcfbkq/brandfolder_icon_aqua.png.

 

Se desideri la stessa immagine ma con delle dimensioni specifiche, è sufficiente specificarla nell’URL, ad esempio: https://cdn.brandfolder.io/YUHW9ZNT/as/6skcfbkq/brandfolder_icon_aqua.png?width=150.

 

Vuoi una JPG invece di una PNG? Basta modificare l’estensione alla fine dell’URL: https://cdn.brandfolder.io/YUHW9ZNT/as/6skcfbkq/brandfolder_icon_aqua.jpg

Hai bisogno di una versione più grande del tuo file? Aumenta i parametri di altezza o larghezza nell’URL e aggiungi &pad=true per aggiungere spaziatura all’immagine originale.

Per gli asset trasparenti, alcuni visualizzatori del browser predefiniti li riempiono automaticamente con uno sfondo (di solito bianco). 

Estensione automatica:

Brandfolder CDN ti consente di utilizzare l’estensione .auto on v1 or auto=webp su v2. Scegliamo automaticamente il formato migliore per il browser per caricare l’immagine.  Ciò include il reinvio di immagini utilizzando il formato WEBP, che riduce le dimensioni di un’immagine senza perdite e accelera il caricamento dell’immagine sul tuo sito.

Smart CDN ti consente di creare un link a qualsiasi allegato all’interno del tuo asset, non solo al primo. Supponiamo che il tuo asset abbia più allegati e che tu desideri il quarto allegato; puoi specificarlo aggiungendo ?position=4 alla fine dell’URL CDN: https://cdn.brandfolder.io/C0KGG2P6/as/pd20zo-6xxwds-g0sj9j/CDN%20Example.png?position=3.

Usa qualsiasi combinazione di quanto indicato sopra per modificare il link CDN e ottenere gli Allegati Brandfolder esattamente come ti servono per il tuo caso d’uso.

Aggiornamento in tempo reale:

Ogni volta che aggiorni un asset in Brandfolder, anche i link Smart CDN associati si aggiornano in modo da riflettere tali modifiche.

Scadenza automatica:

In caso di scadenza, annullamento dell’approvazione o eliminazione dell’asset in Brandfolder, il link Smart CDN scadrà automaticamente (potrebbe rimanere nella cache fino a 24 ore).

Incorporamento di asset video

L’incorporamento di asset video è leggermente diverso dall’incorporamento di asset immagine.  Brandfolder fornisce un iframe di base con il nostro lettore video integrato.  Gli utenti possono controllare le dimensioni dell’iframe e diversi parametri opzionali per i video.

Esempio di codice incorporato

Loop

Consente di eseguire il loop del video al termine della riproduzione.

  • loop
  • Impostazione predefinita: false (falso)
  • opzioni: valore booleano - true (vero) o false (falso)

Muted (Senza audio)

Determina se l’audio è disattivato al caricamento del lettore.  Ciò è utile quando si utilizzano le impostazioni di riproduzione automatica a causa delle restrizioni di riproduzione automatica del browser.

  • muted
  • Impostazione predefinita: false (falso)
  • opzioni: valore booleano - true (vero) o false (falso)

Autoplay (Riproduzione automatica)

  Riproduce automaticamente il video al momento del caricamento.

  • autoplay
  • Impostazione predefinita: false (falso)
  • Opzioni: booleano - true (vero) o false (falso)

L’utilizzo di Brandfolder per la riproduzione automatica di un video al caricamento di una pagina non è un problema di semplice risoluzione. Ciò è dovuto al fatto che i produttori di browser hanno risposto alla richiesta degli utenti di NON riprodurre automaticamente i video. Il modo più affidabile è impostare autoplay=true&muted=true poiché molti browser (incluso Chrome) non riproducono automaticamente video con audio.

Fai attenzione a non eliminare l’asset quando usi questa funzione!