{"id":4091,"date":"2023-12-18T17:35:10","date_gmt":"2023-12-18T15:35:10","guid":{"rendered":"https:\/\/webs.uab.cat\/edicio-web\/?page_id=4091"},"modified":"2025-12-19T11:26:37","modified_gmt":"2025-12-19T09:26:37","slug":"embed-2","status":"publish","type":"page","link":"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/manual\/embed-2\/","title":{"rendered":"Embed"},"content":{"rendered":"\n<p>L\u2019<strong>asset Multim\u00e8dia Embed<\/strong> s\u2019utilitza per incorporar fragments de contingut generat per altres p\u00e0gines web. Es pot fer servir per acompanyar les not\u00edcies, i tamb\u00e9 es pot inserir en p\u00e0gines interiors. Al web de la UAB es poden inserir continguts procedents de <strong>Google Maps<\/strong>, <strong>Genially<\/strong> o <strong>Infogram<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-uab-alerta missatge alerta\">La inserci\u00f3 de continguts d\u2019aquest tipus est\u00e0 limitada, ja que tenen implicacions en l\u2019accessibilitat i en la pol\u00edtica de <em>cookies<\/em>.<\/p>\n\n\n\n<p>En la captura de pantalla que veiem m\u00e9s avall, podem observar un exemple d\u2019un contingut embed, en aquest cas d\u2019un mapa de Google dins d\u2019una p\u00e0gina interior:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"720\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/VisualitzacioEmbed.png\" alt=\"Exemple de visualitzaci\u00f3 al web d'un contingut de tipus embed\" class=\"wp-image-4976\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/VisualitzacioEmbed.png 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/VisualitzacioEmbed-300x211.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/VisualitzacioEmbed-768x540.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Si volem crear un contingut d\u2019aquest tipus, simplement cal anar al bot\u00f3 <strong>\u2018Contenido\u2019<\/strong>, seleccionar l\u2019opci\u00f3&nbsp;<strong>Nuevo &gt; Multim\u00e8dia<\/strong>&nbsp;i despr\u00e9s seleccionar la definici\u00f3 <strong>Multim\u00e8dia \u2018Embed\u2019<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"660\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/NouAssetMultimedia.png\" alt=\"Ubicaci\u00f3 de l'asset Multim\u00e8dia en el men\u00fa Nuevo del gestor de continguts\" class=\"wp-image-4885\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/NouAssetMultimedia.png 930w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/NouAssetMultimedia-300x213.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/NouAssetMultimedia-768x545.png 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"802\" height=\"574\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Definicio-Multimedia-Embed.png\" alt=\"Captura de pantalla de les definicions de l'asset multim\u00e8dia on s'ha resaltat la definici\u00f3 Embed\" class=\"wp-image-4975\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Definicio-Multimedia-Embed.png 802w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Definicio-Multimedia-Embed-300x215.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Definicio-Multimedia-Embed-768x550.png 768w\" sizes=\"auto, (max-width: 802px) 100vw, 802px\" \/><\/figure>\n<\/div>\n\n\n<p>Una vegada creat el nou asset, \u00e9s hora d\u2019omplir els camps. Per ajudar-vos, a continuaci\u00f3 detallem cada camp que hi trobareu:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"603\" height=\"745\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-ML_EMBED.png\" alt=\"Camps de l'asset Multim\u00e8dia de tipus Embed\" class=\"wp-image-4974\" style=\"width:390px;height:482px\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-ML_EMBED.png 603w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/Asset-ML_EMBED-243x300.png 243w\" sizes=\"auto, (max-width: 603px) 100vw, 603px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Camps de l&#8217;asset<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>*<strong>Nombre:<\/strong> el nom de l\u2019asset Multim\u00e8dia Embed no apareix en cap lloc del web, nom\u00e9s us serveix per identificar els multim\u00e8dia dins del gestor de continguts. Els noms dels assets de tipus Multim\u00e8dia amb la definici\u00f3 \u2018Embed\u2019 han de comen\u00e7ar pel prefix EMBED_, aix\u00ed: <strong>EMBED_<\/strong>ExempleNomMultimedia&#8217;<br>En el cas dels multim\u00e8dia que s\u00f3n traduccions, hi afegirem sempre el prefix (es) o (en) per indicar-ne l\u2019idioma.<\/li>\n\n\n\n<li><strong>Etiquetas:<\/strong> camp opcional per etiquetar els assets. D\u2019aquesta manera, els podreu trobar m\u00e9s r\u00e0pidament al gestor de continguts.<\/li>\n\n\n\n<li><strong>Categor\u00eda:<\/strong> \u00e9s un camp opcional. S\u2019ha preconfigurat una categoria, per\u00f2 podeu crear-ne de noves. Aix\u00f2 us dona l\u2019opci\u00f3 de classificar els continguts que tingueu al <em>site<\/em>. Pot ser molt \u00fatil per treballar de forma m\u00e9s ordenada.<\/li>\n\n\n\n<li>*<strong>T\u00edtol<\/strong>: aquest camp \u00e9s obligatori perqu\u00e8 determina el t\u00edtol de l\u2019embed i \u00e9s important que sigui prou entenedor, ja que ser\u00e0 llegible pels usuaris.<\/li>\n\n\n\n<li>*<strong>Peu de foto<\/strong>: opcionalment, es pot mostrar un peu de foto. En aquest cas, es visualitzar\u00e0 com una petita descripci\u00f3.<\/li>\n\n\n\n<li><strong>*Ratio:<\/strong> aqu\u00ed seleccionarem les proporcions de l\u2019<em>embed<\/em>. Es recomana el format apa\u00efsat 16:9.<\/li>\n\n\n\n<li><strong>*Tipus Embed: <\/strong>aqu\u00ed escollirem si es tracta d\u2019un dels continguts embed disponibles: <a href=\"https:\/\/www.google.com\/maps\">GoogleMaps<\/a>, <a href=\"https:\/\/genial.ly\/es\/\" target=\"_blank\" rel=\"noreferrer noopener\">Genially<\/a>, <a href=\"https:\/\/infogram.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Infogram<\/a>.<\/li>\n\n\n\n<li><strong>*URL Embed: <\/strong>aqu\u00ed cal copiar l\u2019URL del contingut embed que volem compartir.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Inserir un mapa de Google Maps<\/h3>\n\n\n\n<p>En el cas de <strong>Google Maps<\/strong>, copiem l\u2019URL que es troba entre cometes dins de l\u2019<em>iframe<\/em> generat a la pantalla de compartir.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/CompartirGoogleMaps.png\" alt=\"Captura de pantalla de l'opci\u00f3 de Compartir d'un mapa de Google Maps\" class=\"wp-image-4973\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/CompartirGoogleMaps.png 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/CompartirGoogleMaps-300x183.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/CompartirGoogleMaps-768x467.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Inserir un arxiu Genially<\/h3>\n\n\n\n<p>En el cas de <strong>Genially<\/strong>, copiem l\u2019URL que es mostra a la pantalla de compartir:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/CompartirGenially.png\" alt=\"Exemple de codi que cal copiar del Genially\" class=\"wp-image-4972\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/CompartirGenially.png 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/CompartirGenially-300x152.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/CompartirGenially-768x389.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Inserir una infografia d&#8217;Infogram<\/h3>\n\n\n\n<p><strong>En el cas d<\/strong>&#8216;<strong>Infogram<\/strong> copiem l\u2019URL que es mostra a la pantalla de compartir, per\u00f2 afegim &#8216;e.&#8217; a l\u2019inici de l\u2019adre\u00e7a, aix\u00ed: <strong>https:\/\/<code><mark style=\"background-color:var(--color-blanc)\" class=\"has-inline-color\">e<\/mark>.<\/code>infogram.com\/<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"887\" height=\"1024\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/CompartirInfogram.png\" alt=\"Exemple del codi que cal copiar de l'infogram\" class=\"wp-image-4971\" style=\"width:497px;height:574px\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/CompartirInfogram.png 887w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/CompartirInfogram-260x300.png 260w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/09\/CompartirInfogram-768x887.png 768w\" sizes=\"auto, (max-width: 887px) 100vw, 887px\" \/><\/figure>\n<\/div>\n\n\n<p>Una vegada creat l\u2019asset Multim\u00e8dia Embed, podeu afegir-lo dins d\u2019una <strong><a href=\"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/manual\/asset-pagina\/\" data-type=\"page\" data-id=\"2826\">P\u00e0gina interior<\/a><\/strong> o una <strong><a href=\"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/manual\/noticia\/\" data-type=\"page\" data-id=\"2913\">Not\u00edcia<\/a><\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L\u2019asset Multim\u00e8dia Embed s\u2019utilitza per incorporar fragments de contingut generat per altres p\u00e0gines web. Es pot fer servir per acompanyar les not\u00edcies, i tamb\u00e9 es pot inserir en p\u00e0gines interiors. Al web de la UAB es poden inserir continguts procedents de Google Maps, Genially o Infogram. En la captura de pantalla que veiem m\u00e9s avall, [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":0,"parent":4525,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4091","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/comments?post=4091"}],"version-history":[{"count":16,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4091\/revisions"}],"predecessor-version":[{"id":7103,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4091\/revisions\/7103"}],"up":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/4525"}],"wp:attachment":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media?parent=4091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}