Ghidul final pentru încorporarea conținutului pe site-ul dvs.

fie că doriți să adăugați dovezi sociale conținutului dvs., să susțineți un blog cu exemple reale sau să extindeți acoperirea site-ului dvs. cu un flux de știri, încorporarea conținutului de pe alte platforme poate adăuga multă valoare site-ului dvs. web.

dar imaginind cum de a încorpora de fapt, acest conținut poate fi dificil.

în această postare, veți găsi un ghid pas cu pas pentru încorporarea rețelelor sociale și a conținutului aferent pe site-ul dvs. web de pe Twitter, Facebook, Instagram, Pinterest, Google Calendar, YouTube și SlideShare.

→ descărcare gratuită: 5 pași cheie pentru construirea și menținerea unui site web performant

(din păcate, LinkedIn încă nu permite încorporarea capabilităților pentru anumite postări – deși oferă pluginuri, astfel încât să puteți încorpora profilul sau pagina dvs.)

Faceți clic pe un nume de secțiune pentru a derula automat la acea secțiune.

  1. Cum de a încorpora un Tweet
  2. încorporați Facebook Post sau Video
  3. încorporați Facebook Feed
  4. încorporați Instagram Feed și posturi
  5. încorporați Pinterest Pins
  6. încorporați Pinterest Boards
  7. încorporați Google+ Post
  8. cum încorporați Google Calendar
  9. cum să încorporați un videoclip YouTube
  10. încorporați prezentări SlideShare și infografice

cum să încorporați un Tweet

  1. găsiți tweet-ul pe care doriți să îl încorporați.
  2. Faceți clic pe săgeata în jos din partea dreaptă sus a tweet-ului.
  3. Alege „Embed Tweet.”
  4. copiați codul care apare și lipiți-l în editorul HTML al site-ului dvs. web.
  5. adăugați „TW-align-center” după cuvintele „twitter-tweet” din codul embed.

găsiți tweet-ul pe care doriți să îl încorporați.

pentru a încorpora un tweet pe blogul sau site-ul dvs. web, va trebui să găsiți mai întâi tweet-ul pe care doriți să îl afișați în habitatul său natural-Twitter. Găsiți tweet-ul în fluxul de știri Twitter sau pe profilul utilizatorului Twitter. Pentru acest exemplu, vom încorpora un tweet din feedul Twitter al HubSpot, așa cum se arată în capturile de ecran de mai jos.

Faceți clic pe săgeata în jos din partea dreaptă sus a tweet-ului.

după ce ați găsit tweet-ul pe care doriți să îl încorporați, faceți clic pe pictograma săgeată orientată în jos, situată în partea dreaptă sus a tweet-ului, așa cum se arată mai jos.

downward-arrow-tweet

Alegeți ” Embed Tweet.”

făcând clic pe această pictogramă săgeată va dezvălui un meniu derulant de opțiuni, inclusiv unul numit ” Embed Tweet.”Faceți clic pe această opțiune.

4. Copiați codul care apare și lipiți-l în editorul HTML al site-ului dvs. web.

dacă faceți clic pe „Embed Tweet” din meniul derulant prezentat mai sus, se va deschide caseta de cod prezentată mai jos. Sub „Încorporați acest Tweet”, veți vedea un șir de text evidențiat în albastru. Utilizați Command + C de pe tastatură (sau Control+C, dacă utilizați un PC) pentru a copia acest cod în clipboard.

tweet-embed-code

cu acest cod embed copiat în clipboard, reveniți la site-ul web unde doriți să încorporați acest tweet. Deschideți codul sursă al acestui site web (unele sisteme de gestionare a conținutului au o pictogramă „</>” unde puteți accesa acest cod sursă). Aici, veți lipi codul încorporat al tweet-ului în HTML-ul dvs. exact acolo unde doriți să apară tweet-ul.

adăugați „TW-align-center” după cuvintele „twitter-tweet” din codul embed.

odată ce ați inserat acest cod în HTML, totuși, veți dori să aliniați acest tweet astfel încât să nu apară automat împins în partea stângă sau dreaptă a paginii dvs. web. Pentru a corecta acest lucru, adăugați textul ” TW-align-center „(fără ghilimele) direct după „twitter-tweet” în codul embed. Puteți afla mai multe despre această metodă aici.

Iată cum ar trebui să arate codul final:

<blockquote class=”twitter-tweet” tw-align-center data-lang=”en”><p lang=”en” dir=”ltr”>anunță-ne! <br>ce tip de conținut doriți să vedeți de la noi în acest an?</p>& mdash; HubSpot (@HubSpot) < a href=”https://twitter.com/HubSpot/status/1085634067679322114?ref_src=twsrc%5Etfw”>January 16, 2019</a></blockquote>
<script asincron src = „https://platform.twitter.com/widgets.js „charset=” utf-8″></script>

asta e! Așa va arăta tweet-ul dvs. încorporat când ați terminat:

anunță-ne!
ce tip de conținut doriți să vedeți de la noi în acest an?

– HubSpot (@HubSpot) ianuarie 16, 2019

încorporați Facebook Post sau Video

găsiți postarea pe Facebook pe care doriți să încorporați.

Similar cu pașii pentru încorporarea unui tweet (enumerați mai sus), încorporarea unei postări pe Facebook pe blogul sau site-ul dvs. web începe pe Facebook. Navigați la postarea pe care doriți să o încorporați de pe Facebook, pe pagina de profil a utilizatorului Facebook sau pe fluxul de știri. Pentru acest exemplu, vom încorpora o postare pe Facebook de la Academia HubSpot, așa cum se arată în capturile de ecran de mai jos.

Faceți clic pe elipsă („…”) pictograma din partea dreaptă sus a postării.

în partea dreaptă sus a postării pe Facebook pe care doriți să o încorporați, veți vedea o pictogramă de elipsă formată din trei puncte mici. Faceți clic pe această pictogramă, așa cum se arată mai jos.

ellipsis-facebook-post

Faceți Clic Pe ” Încorporați.”

dacă faceți clic pe pictograma elipsă prezentată mai jos, va apărea un meniu derulant de opțiuni, inclusiv unul etichetat ” Embed.”Dacă postarea pe care doriți să o încorporați este un videoclip, o opțiune similară etichetată „</> încorporare” va apărea mai jos în acest meniu. Faceți clic pe oricare dintre opțiuni.

dacă nu vedeți o opțiune de încorporare a postării, atunci postarea nu este publică și nu poate fi încorporată.

embed-facebook-post-from-hubspot-academy

copiați codul care apare și lipiți-l în editorul HTML al site-ului dvs. web.

dacă faceți clic pe opțiunea „încorporare” prezentată mai sus, se va deschide caseta prezentată mai jos. În partea de sus a acestei casete, chiar deasupra butoanelor „ascundeți previzualizarea” și „setări avansate”, veți vedea o linie de text codat. Evidențiați și copiați acest cod în clipboard-ul computerului.

facebook-post-embed-code

cu acest cod embed copiat în clipboard, reveniți la site-ul web unde doriți să încorporați această postare pe Facebook. Deschideți codul sursă al acestui site web (unele sisteme de gestionare a conținutului au o pictogramă „</>” unde puteți accesa acest cod sursă). Aici, veți lipi codul de încorporare al postării Facebook în HTML-ul dvs. exact acolo unde doriți să apară postarea.

Adăugați etichete <center> și </center> în jurul întregului fragment HTML pentru a vă alinia postarea în centru.

odată ce ați inserat acest cod în HTML, totuși, veți dori să aliniați postarea în centru, astfel încât să nu apară automat împinsă în partea stângă sau dreaptă a paginii web. Pentru a corecta acest lucru, înfășurați codul cu etichetele’ <center> ‘și’ </center>’, astfel încât postarea de pe Facebook să fie afișată în centrul articolului sau paginii web.

Iată cum ar trebui să arate codul final:

<centru><iframe src=”https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fthehubspotacademy%2Fposts%2F741606746226328%3A0&width=500″ width=”500″ height=”448″ style=”border:none;overflow:ascuns” scrolling=”nu” frameborder=”0″ allowTransparency=”true” allow=”encrypted-media”></iframe></center>

că este! Iată cum va arăta când ați terminat:

încorporați Facebook Feed

credeți sau nu, încorporarea întregului feed al unui profil Facebook pe site-ul dvs. web este la fel de ușoară ca încorporarea unei singure postări sau videoclipuri. Și există mai multe moduri de a face acest lucru.

utilizarea unui plugin WordPress

prima modalitate este să instalați un plugin sau un widget în sistemul dvs. de gestionare a conținutului (CMS). Utilizatorii WordPress, de exemplu, au la dispoziție mai multe pluginuri Facebook feed. Iată cum să utilizați unul:

  1. feedul personalizat Facebook, de Smash Balloon, este un astfel de plugin WordPress pe care îl puteți descărca prin contul dvs. Puteți descărca acest plugin aici.
  2. cu acest plugin descărcat, conectați-vă la contul dvs.
  3. utilizați setările „Facebook Feed” ale CMS-ului dvs. pentru a selecta și configura feedul Facebook specific pe care doriți să îl afișați pe site-ul dvs. web.
  4. Introduceți textul”, în editorul HTML al site-ului dvs. web pentru a genera feedul Facebook ales.

utilizarea Facebook Pagina Plugin

Facebook are propria pagina Plugin, permițându-vă să producă cod embed pentru fiecare profil de alimentare Facebook individuale și introduceți-l în HTML de site-ul dumneavoastră. Iată cum să-l folosească:

1. Deschideți Instrumentul Plugin pentru pagina Facebook.

pentru a încorpora un feed Facebook în blogul sau site-ul dvs. web, Deschideți Instrumentul plugin pentru pagina nativă Facebook aici. Derulați în jos pe această pagină până când vedeți secțiunea prezentată mai jos.

facebook-page-plugin

2. Introduceți adresa URL a paginii de Facebook pe care doriți să o încorporați.

cu acest instrument deschis, creați o filă nouă în browserul dvs. web și navigați la profilul Facebook al cărui flux doriți să îl încorporați. Apăsați Command + C de pe tastatură (sau Control+C, dacă utilizați un computer) pentru a copia adresa URL a acestei pagini în clipboard-ul computerului.

reveniți la fila browserului care are pluginul paginii Facebook deschis. Lipiți adresa URL din clipboard în câmpul din stânga sus, așa cum se arată în captura de ecran de mai jos. Pentru acest exemplu, vom încorpora feedul Facebook al paginii de afaceri Facebook a HubSpot.

hubspot-facebook-page-plugin

3. Adăugați filele dorite afișate alături de feedul încorporat.

pe lângă afișarea întregii cronologii a unui profil, pluginul pentru pagina Facebook vă permite, de asemenea, să afișați file la evenimentele și/sau contul Messenger al profilului respectiv. În mod implicit, instrumentul Plugin Page va avea „timeline” introdus de la sine.

pentru a adăuga fie Evenimente, fie file Messenger la feedul Facebook încorporat, faceți clic pe câmpul „File” din partea dreaptă sus a instrumentului Plugin Page, așa cum se arată mai jos. Adăugați cuvintele „evenimente” și / sau „mesaje” lângă cuvântul „cronologie”, toate separate prin virgule.

facebook-plugin-tabs

4. Personalizați dimensiunile feedului Facebook.

dacă site-ul dvs. web are dimensiuni specifice care restricționează dimensiunea suportului media pe care îl încorporați și știți care sunt aceste dimensiuni, introduceți-le în cele două câmpuri de jos ale instrumentului Plugin pentru pagina Facebook. Puteți introduce o lățime specifică în câmpul din stânga și o înălțime specifică în dreapta.

în mod implicit, feedul dvs. Facebook va fi afișat la aproximativ 340×500, deși veți vedea dimensiunile recomandate în textul de previzualizare al instrumentului.

5. Faceți Clic Pe ” Obțineți Codul.”

cu toate aceste patru câmpuri completate, pur și simplu faceți clic pe butonul albastru „Obțineți cod” din partea de jos a instrumentului, așa cum se arată în captura de ecran de mai sus. Aceasta va deschide caseta de cod prezentată mai jos.

6. Faceți clic pe fila ‘IFrame’.

aveți grijă ce Cod selectați… cu excepția cazului în care codificați site-ul dvs. de la zero, prima filă (etichetată „JavaScript SDK”) nu are codul dorit. Comutați la fila etichetată „IFrame”, așa cum se arată mai jos. Acest text este gata pentru încorporarea în blogul dvs. sau în editorul HTML al site-ului web.

facebook-page-plugin-embed-code

7. Copiați și inserați acest cod embed în editorul HTML al site-ului dvs. web.

copiați codul prezentat mai sus în clipboard. Apoi, navigați la site-ul web unde doriți să încorporați acest feed Facebook. Deschideți codul sursă al site-ului dvs. web (unele sisteme de gestionare a conținutului au o pictogramă „</>” unde puteți accesa acest cod sursă). Aici, veți lipi codul încorporat al feedului în HTML-ul dvs. exact acolo unde doriți să apară.

8. Adăugați etichete< center >și</center > în jurul întregului fragment IFrame pentru a alinia fluxul Central.

odată ce ați inserat acest cod în HTML, totuși, veți dori să aliniați postarea în centru, astfel încât să nu apară automat împinsă în partea stângă sau dreaptă a paginii web. Pentru a corecta acest lucru, înfășurați codul cu etichetele’ <center> ‘și’ </center>’, astfel încât fluxul Facebook să se afișeze în centrul articolului sau paginii web.

Iată cum ar trebui să arate codul final:

<centru>< iframe style= ” border: none; overflow: ascuns;”allow=” encrypted-media”xml=” lang „src=” https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fhubspot&amp;tabs=timeline%2C%20events%2C%20messages&amp;width=340&amp;height=500&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId „width=” 340 „height =” 500 „frameborder=” 0 ” scrolling = „nu” ></iframe></center>

asta e! Iată cum va arăta când ați terminat:

încorporați feedul și postările Instagram

Instagram este un favorit în rândul marketerilor, dar încorporarea unui întreg feed Instagram poate fi dificilă. Iată cum puteți încorpora un feed Instagram, precum și postări individuale pe site-ul dvs. web.

pluginul Instagram feed WordPress

de la producătorii de Feed personalizat Facebook vine feedul Instagram. Dezvoltat de Smash Balloon, acest plugin WordPress facilitează site-urile bazate pe WordPress să încorporeze fluxuri Instagram întregi din anumite conturi Instagram. Iată cum să-l utilizați:

  1. descărcați pluginul Instagram Feed pentru WordPress aici.
  2. cu acest plugin descărcat, conectați-vă la contul dvs.
  3. utilizați setările „Instagram Feed” ale CMS-ului dvs. pentru a selecta simbolul de acces Instagram și ID-ul de utilizator.
  4. Introduceți textul”, în editorul HTML al site-ului dvs. web pentru a genera feedul Instagram ales.

conform instrucțiunilor acestui plugin pe WordPress, puteți afișa mai multe fluxuri Instagram în același timp introducând text în formatul: „. În acest exemplu, ați încorpora efectiv șase imagini fiecare pentru trei fluxuri Instagram separate.

funcția de încorporare Instagram

pentru a încorpora imagini individuale Instagram, nu trebuie să căutați mai departe decât caracteristicile native ale Instagram. Iată cum se face:

Important: pentru a încorpora anumite postări Instagram pe un blog sau pe un site web, contul Instagram de care aparține nu poate fi setat la privat. Pentru a seta un cont la public, navigați la acest profil și faceți clic pe „Editați profilul” > Confidențialitate și securitate. Din această pagină, debifați opțiunea” cont privat ” și ar trebui să fiți gata.

1. Faceți clic pe imaginea Instagram pe care doriți să o încorporați.

navigați la postarea Instagram pe care doriți să o încorporați pe site-ul dvs. web și faceți clic pe ea pentru a mări imaginea. Pentru acest exemplu, vom încorpora o imagine din contul de Cultură HubSpot, hubspotlife, așa cum se arată în capturile de ecran de mai jos.

2. Faceți clic pe elipsă („…”) pictograma din colțul din dreapta jos al postării.

cu postarea în vizualizarea completă, priviți în partea dreaptă jos a secțiunii de comentarii. Faceți clic pe pictograma elipsă, formată din trei puncte mici, așa cum se arată mai jos.

instagram-post-ellipsis

3. Selectați ” Încorporați.”

dacă faceți clic pe pictograma elipsei prezentată mai sus, se va deschide caseta de opțiuni prezentată mai jos. În acest meniu, selectați” Embed”, al treilea buton din partea de sus.

instagram-post-embed-menu

4. Copiați și inserați codul embed în editorul HTML al site-ului dvs. web.

la fel ca instrucțiunile pentru Twitter și Facebook (enumerate mai sus), acest buton „Embed” va produce o altă casetă care poartă o înțepătură de text codat. Odată ce această casetă se deschide pe ecran, evidențiați codul din partea de sus, așa cum se arată mai jos. Apoi, faceți clic pe butonul albastru” copiați codul încorporat ” din partea de jos pentru a copia acest text în clipboard-ul computerului.

instagram-post-embed-code

5. Adăugați etichete< center >și</center > în jurul întregului fragment HTML pentru a alinia postul în centru.

odată ce ați inserat acest cod în HTML, totuși, veți dori să aliniați în centru postarea Instagram, astfel încât să nu apară automat împinsă în partea stângă sau dreaptă a paginii dvs. web. Pentru a corecta acest lucru, înfășurați codul cu etichetele’ <center> ‘și’ </center>’, astfel încât imaginea să se afișeze în centrul articolului sau paginii web.

asta e! Iată cum va arăta postarea dvs. încorporată pe Instagram:

încorporați Pinterest Pins

deschideți generatorul de widget-uri Pinterest.

pentru a încorpora conținut fixat de pe Pinterest pe blogul sau site-ul dvs. web, deschideți generatorul de widget-uri Pinterest, disponibil aici.

selectați „Pin Widget” în coloana din stânga.

Derulați în jos până când vedeți opțiunea Widget Pin, așa cum se arată în captura de ecran de mai jos.

pinterest-pin-widget

inserați adresa URL a pinului pe care doriți să îl încorporați.

începeți prin completarea câmpului „Pin URL” din partea de sus a instrumentului cu adresa URL a pinului pe care doriți să îl încorporați pe site-ul dvs. web, așa cum se arată mai jos.

pin-widget-url

copiați și inserați codul din această secțiune în editorul HTML al site-ului dvs. web.

când vă aflați în widgetul Pin Pinterest, derulați în jos până la secțiunea de sub imaginea de previzualizare a codului pin, unde veți găsi două linii de text codificat-așa cum se arată mai jos.

pinterest-pin-embed-code Deschideți Editorul HTML al site-ului dvs. web și copiați și lipiți prima linie exact acolo unde doriți să apară pinul Pinterest pe pagină. Apoi, copiați a doua linie de text și lipiți-o în editorul HTML al site-ului dvs. web chiar în partea de jos a paginii.

aveți grijă să nu lipiți acest fragment întreg de mai multe ori pe o singură pagină web. Dacă doriți ca codul pin să apară de mai multe ori, trebuie doar să copiați prima linie de cod și să o lipiți oriunde doriți să apară pe pagină. Și nu uitați să repetați următorii pași în fiecare instanță a pinului pe care decideți să îl încorporați.

copiați fragmentul de cod furnizat mai jos.

<!– pinterest–>

lipiți acel fragment de cod între eticheta de deschidere <a> și eticheta de închidere </a>.

Codul ar trebui să arate astfel:

< a data-pin-do=” embedPin ” href=”http://www.pinterest.com/pin/99360735500167749/”><!–pinterest–></a>

în partea de jos a paginii:
< script type=”text / javascript” async src=”//assets.pinterest.com/js/pinit.js ” ></script>

adăugați <centru> și </centru> etichete în jurul întregului fragment HTML pentru a alinia Centrul pinului.

Iată cum ar trebui să arate codul final:

<Centrul> < a data-pin-do=” embedPin ” href=”http://www.pinterest.com/pin/99360735500167749/”><!–pinterest–></a>
<!– Te rog sună-l pe pinit.js o singură dată pe pagină –>
<tip script=” text/javascript „asincron src=” / / active.pinterest.com / js / pinit.js ” > < / script></centru>

asta e! Iată cum va arăta când ați terminat:

încorporați panouri Pinterest

pentru a adăuga panouri Pinterest, pașii sunt, în general, aceiași ca și pentru a încorpora pini individuali-explicați mai sus. Iată cum se face:

  1. deschideți generatorul de widget-uri Pinterest.
  2. selectați „Board Widget” în coloana din stânga, chiar sub constructorul „Pin Widget”.
  3. când widgetul de bord se deschide, urmați aceiași pași ca și pentru adăugarea de pini, enumerați mai sus.

copiați și lipiți cele două linii de cod de jos în editorul HTML al site-ului dvs. web și asta este! Iată cum arată o placă încorporată:

încorporați Google+ Post

1. Găsiți postarea Google + pe care doriți să o încorporați. Plasați mouse-ul peste colțul din dreapta sus și faceți clic pe săgeata gri care apare pentru a trage în jos mai multe opțiuni.

google-plus-embed-1

2. Alegeți ” Încorporați Postarea.”

google-plus-embed-2

3. Copiați întregul cod care apare și lipiți-l în vizualizarea HTML a site-ului dvs. web.

google-plus-embed3

4. Centrați postarea încorporată adăugând< center >și</center > în jurul întregului fragment HTML.

Iată cum ar trebui să arate codul final:

<Centrul > <!– Plasați această etichetă în cap sau chiar înainte de eticheta corpului apropiat. –>
<tip script = „text / javascript” src=”https://apis.google.com/js/plusone.js”></script>
<!– Plasați această etichetă în cazul în care doriți widget-ul pentru a face. –>
<div class = date „g-post” – href=”https://plus.google.com/110490539670062886957/posts/be2TCKDBMsG”></div></center>

asta e! Iată cum va arăta când ați terminat:

cum să încorporați Google Calendar

pentru a încorpora un anumit Google Calendar pe blogul sau site-ul dvs. web, va trebui să utilizați versiunea web a Google Calendar, mai degrabă decât aplicația mobilă.

ai deschis-o? Să-l încorporăm.

Faceți clic pe pictograma roată pentru a deschide setările.

în partea de sus a calendarului Google, Faceți clic pe pictograma roată și selectați „Setări”, așa cum se arată mai jos.

google-calendar-settings

selectați calendarul pe care doriți să îl încorporați și derulați în jos până la „integrați calendarul.”

după ce vă aflați în setările calendarului, căutați în bara laterală din stânga calendarul specific pe care doriți să îl încorporați pe site-ul dvs. web. Pentru acest exemplu, vom încorpora calendarul sărbătorilor naționale HubSpot.

după ce ați selectat calendarul, priviți în partea dreaptă a setărilor și derulați în jos până când vedeți secțiunea „integrare calendar”. (De asemenea, puteți face clic pe opțiunea cu același nume din partea stângă sub calendarul ales.)

google-integrate-calendar-1

Faceți clic pe” Personalizați ” și configurați dimensiunea și culoarea calendarului.

în secțiunea „integrați calendarul” din setările dvs., găsiți și faceți clic pe butonul „Personalizați”, chiar deasupra liniei de text „încorporați codul”. Aceasta va deschide o fereastră mai mare de opțiuni în care puteți modifica dimensiunea și schema de culori a calendarului dvs. înainte de a-l încorpora.

dacă sunteți mulțumit de modul în care calendarul arată în prezent și nu trebuie să faceți modificări estetice, puteți copia pur și simplu acest cod încorporat în clipboard.

Personalizați butonul din interiorul setărilor calendarului integrat Google.

copiați codul de încorporare în partea de sus și lipiți-l în editorul HTML al site-ului dvs. web.

copiați codul de încorporare, fie din interiorul ferestrei Particularizare, fie din pagina Setări și lipiți-l în editorul HTML al site-ului dvs. web. Dacă doriți, puteți încadra acest cod embed în< center >și</center > tag-uri pentru a centra-alinia calendarul în marginile site-ului dvs. web.

cum să încorporați un videoclip YouTube

  1. găsiți videoclipul YouTube pe care doriți să îl încorporați.
  2. sub videoclip, alegeți „Partajare.”
  3. în meniul care apare, alegeți „Embed.”
  4. copiați codul care apare și lipiți-l în editorul HTML al site-ului dvs. web.

găsiți videoclipul YouTube pe care doriți să îl încorporați.

încorporarea unui videoclip YouTube pe blogul sau site-ul dvs. web este incredibil de ușoară. Pentru a începe, deschideți YouTube și navigați la videoclipul pe care doriți să îl încorporați. Pentru acest exemplu, vom încorpora un videoclip despre marketingul de intrare de pe canalul YouTube de intrare HubSpot-așa cum se arată în capturile de ecran de mai jos.

sub videoclip, alegeți „Partajare.”

sub videoclipul propriu-zis, căutați butonul „Partajare”, așa cum se arată mai jos.

inbound-youtube-video

în meniul care apare, alegeți ” încorporați.”

dacă faceți clic pe butonul” Partajați ” de sub videoclipul YouTube ales, se va deschide un mic meniu de opțiuni în care puteți partaja videoclipul pe diverse rețele sociale. Cu toate acestea, în extrema stângă a acestor opțiuni, veți vedea și un buton circular „încorporare”. Faceți clic pe acest buton.

youtube-share-embed

copiați codul care apare și lipiți-l în editorul HTML al site-ului dvs. web.

următoarea fereastră care va apărea va produce o cutie mare de text codat, precum și câteva opțiuni pentru a vă personaliza videoclipul înainte de a-l încorpora. Sub codul de încorporare, de exemplu, puteți seta dacă doriți ca videoclipul dvs. să înceapă la o anumită marcă de timp.

după ce aveți setările exact așa cum le doriți, evidențiați textul codat din partea de sus a ferestrei. Apoi, faceți clic pe” Copiere ” în partea dreaptă jos.

youtube-embed-code

Adăugați etichete< center >și</center > în jurul întregului fragment HTML pentru a vă alinia în centru videoclipul.

Iată cum ar trebui să arate codul final:

<centru><iframe width = „560” height = ” 315 „src=” https://www.youtube.com/embed/mZxa3lrLhXM „frameborder=” 0 ” allow = „accelerometru; autoplay; encrypted-media; giroscop; picture-in-picture” allowfullscreen></iframe></center>

asta e! Iată cum va arăta când ați terminat:

Embed prezentări SlideShare și Infographics

găsiți prezentarea SlideShare sau infographic pe care doriți să încorporați pe SlideShare.net.

slideshare_step_1

Faceți Clic Pe ” Personalizați.”

dacă doriți să personalizați prezentarea SlideShare încorporată sau infografic, faceți clic pe „Personalizați” și vor apărea următoarele opțiuni, prezentate mai jos. Alegeți opțiunile dorite, apoi copiați codul în secțiunea „încorporare” și lipiți-l în vizualizarea HTML a site-ului dvs. web.

opțiuni pentru încorporarea prezentării Slideshare

centrați Slideshare-ul încorporat adăugând< centru >și</centru > în jurul întregului fragment HTML.

Iată cum ar trebui să arate codul final:

< centru >< iframe src=”//www.slideshare.net/slideshow/embed_code/31128788″width=” 427″height=” 356″frameborder=” 0″marginwidth=” 0″marginheight=” 0″scrolling=” nu”allowfullscreen> </iframe> <div> <strong> <a href=”https://www.slideshare.net/HubSpot/a-sales-and-marketing-love-story”title=” o poveste de dragoste de vânzări și Marketing”target=”_blank”>o poveste de dragoste de vânzări și marketing</a> </strong> de la <strong><a href=”http://www.slideshare.net/HubSpot ” target=”_blank”>HubSpot</a></strong></div></center>

asta e! Iată cum va arăta când ați terminat:

unele dintre aceste coduri de încorporare ar putea avea nevoie de puțină modificare pentru a arăta perfect pe blogul sau site-ul dvs. web, dar folosind acești pași, ar trebui să începeți foarte bine. Încorporarea fericit!

 Cartea Electronică A Site-Ului Canva HubSpot

Lasă un răspuns

Adresa ta de email nu va fi publicată.