A végső útmutató A tartalom beágyazásához a webhelyén

függetlenül attól, hogy társadalmi bizonyítékot szeretne hozzáadni a tartalmához, támogat egy blogot valódi példákkal, vagy kiterjeszti webhelyének elérhetőségét egy hírcsatornával, a más platformokról származó tartalom beágyazása sok értéket adhat webhelyének.

de kitalálni, hogyan lehet ezt a tartalmat beágyazni, bonyolult lehet.

ebben a bejegyzésben lépésről lépésre talál útmutatót a közösségi média és a kapcsolódó tartalmak beágyazásához a webhelyére a Twitter, a Facebook, az Instagram, a Pinterest, a Google Naptár, a YouTube és a SlideShare oldalról.

→ Ingyenes Letöltés: 5 kulcsfontosságú lépés a nagy teljesítményű weboldal felépítéséhez és fenntartásához

(sajnos a LinkedIn továbbra sem engedélyezi a beágyazási képességeket bizonyos bejegyzésekhez-bár plugineket kínál, így beágyazhatja LinkedIn profilját vagy oldalát.)

kattintson egy szakasz nevére, hogy automatikusan görgessen az adott szakaszhoz.

  1. hogyan kell beágyazni egy Tweet
  2. beágyazása Facebook Post vagy videó
  3. beágyazása Facebook Feed
  4. beágyazása Instagram Feed és hozzászólások
  5. beágyazása Pinterest Pins
  6. beágyazása Pinterest táblák
  7. beágyazása Google+ Post
  8. hogyan beágyazása Google Calendar
  9. hogyan kell beágyazni egy youtube videó
  10. beágyazása Slideshare prezentációk és infographics

Tweet beágyazása

  1. keresse meg a beágyazni kívánt tweetet.
  2. kattintson a lefelé mutató nyílra a tweet jobb felső sarkában.
  3. Válassza A “Tweet Beágyazása” Lehetőséget.”
  4. másolja a megjelenő kódot, majd illessze be a webhely HTML-szerkesztőjébe.
  5. adja hozzá a “TW-align-center” szót a “twitter-tweet” szavak után a beágyazási kódban.

keresse meg a beágyazni kívánt tweetet.

ha tweetet szeretne beágyazni a blogjába vagy webhelyére, először meg kell találnia a megjeleníteni kívánt tweetet a természetes élőhelyén-a Twitteren. Keresse meg a tweetet a Twitter hírcsatornájában vagy a Twitter felhasználó profiljában. Ebben a példában beágyazunk egy tweetet a Hubspot Twitter-hírcsatornájából, amint az az alábbi képernyőképeken látható.

kattintson a lefelé mutató nyílra a tweet jobb felső sarkában.

Miután megtalálta a beágyazni kívánt tweetet, kattintson a lefelé mutató nyíl ikonra, amely a tweet jobb felső sarkában található, az alábbiak szerint.

downward-arrow-tweet

Választ ” Tweet Beágyazása.”

erre a nyíl ikonra kattintva megjelenik az opciók legördülő menüje, beleértve a “Tweet beágyazása.”Kattintson erre a lehetőségre.

4. Másolja a megjelenő kódot, majd illessze be a webhely HTML-szerkesztőjébe.

a fent látható legördülő menüből a “Tweet beágyazása” gombra kattintva megnyílik az alábbi kódmező. A “Tweet beágyazása” alatt egy kék színnel kiemelt szövegsor jelenik meg. Használja a Command + C billentyűzetet (vagy a Control+C billentyűkombinációt, ha számítógépet használ) a kód vágólapra másolásához.

tweet-embed-code

ezzel a beágyazási kóddal a vágólapra másolva térjen vissza arra a webhelyre, ahová beágyazni szeretné ezt a tweetet. Nyissa meg a weboldal forráskódját (egyes tartalomkezelő rendszerek “</>” ikonnal rendelkeznek, ahol elérheti ezt a forráskódot). Itt beilleszti a tweet beágyazási kódját a HTML-be pontosan oda, ahol a tweet megjelenik.

adja hozzá a “TW-align-center” szót a “twitter-tweet” szavak után a beágyazási kódban.

miután beillesztette ezt a kódot a HTML-be, azonban középre kell igazítania ezt a tweetet, hogy ne jelenjen meg automatikusan felfelé a weboldal bal vagy jobb oldalán. Ennek kijavításához adja hozzá a “tw-align-center” szöveget (idézőjelek nélkül) közvetlenül a “twitter-tweet” után a beágyazási kódba. Erről a módszerről itt tudhat meg többet.

így kell kinéznie a végső kódnak:

<blockquote class=”twitter-tweet” tw-align-center data-lang=”en”><p lang=”en” dir=”ltr”> tudassa velünk! 6839 > br> milyen tartalmat szeretne látni tőlünk ebben az évben?< / p>& mdash; HubSpot (@HubSpot) < a href=”https://twitter.com/HubSpot/status/1085634067679322114?ref_src=twsrc%5Etfw”>January 16, 2019</a>< / blokkidézet >
< script async src=”https://platform.twitter.com/widgets.js “charset=” utf-8″></script>

ez az! Ez az, amit a beágyazott tweet fog kinézni, ha kész:

tudassa velünk! 6153 > idén milyen tartalmakat szeretne megtekinteni tőlünk?

– HubSpot (@Hubspot) január 16, 2019

beágyazása Facebook Post vagy videó

keresse meg a Facebook post szeretne beágyazni.

a tweet beágyazásának lépéseihez hasonlóan (fent felsorolva) a Facebook-bejegyzés beágyazása a blogjára vagy webhelyére a Facebook-on kezdődik. Keresse meg a beágyazni kívánt bejegyzést a Facebookról, a Facebook felhasználó Facebook profiloldalán vagy a hírcsatornáján. Ebben a példában beágyazunk egy Facebook-bejegyzést a HubSpot Akadémiáról, amint az az alábbi képernyőképeken látható.

kattintson az ellipszisre (“…”) ikon a bejegyzés jobb felső sarkában.

a beágyazni kívánt Facebook-bejegyzés jobb felső sarkában három kis pontból álló ellipszis ikon jelenik meg. Kattintson erre az ikonra, az alábbiak szerint.

ellipsis-facebook-post

Kattintson A ” Beágyazás.”

az alább látható ellipszis ikonra kattintva megjelenik az opciók legördülő menüje, beleértve az “Embed.”Ha a beágyazni kívánt bejegyzés videó, akkor ebben a menüben egy hasonló “</> Embed” feliratú opció jelenik meg. Kattintson bármelyik lehetőségre.

ha nem lát lehetőséget a bejegyzés beágyazására, akkor a bejegyzés nem nyilvános és nem beágyazható.

embed-facebook-post-from-hubspot-academy

másolja a megjelenő kódot, majd illessze be a webhely HTML-szerkesztőjébe.

a fent látható “Embed” opcióra kattintva megnyílik az alábbi mező. A doboz tetején, közvetlenül az “Előnézet elrejtése” és a “Speciális beállítások” gombok felett, egy sor kódolt szöveg jelenik meg. Jelölje ki és másolja ezt a kódot a számítógép vágólapjára.

facebook-post-embed-code

ezzel a beágyazási kóddal a vágólapra másolva térjen vissza arra a webhelyre, ahová be szeretné ágyazni ezt a Facebook-bejegyzést. Nyissa meg a weboldal forráskódját (egyes tartalomkezelő rendszerek “</>” ikonnal rendelkeznek, ahol elérheti ezt a forráskódot). Itt beilleszti a Facebook-bejegyzés beágyazási kódját a HTML-be, pontosan ott, ahol a bejegyzést meg szeretné jeleníteni.

adjon hozzá < center>és </center> címkéket a teljes HTML-kódrészlet körül a bejegyzés középre igazításához.

miután beillesztette ezt a kódot a HTML-be, azonban középre kell igazítania a bejegyzést, hogy ne jelenjen meg automatikusan felfelé a weboldal bal vagy jobb oldalán. Ennek kijavításához csomagolja be a kódot ‘< center>’ és ‘</center> ‘ címkékkel, hogy a Facebook-bejegyzés megjelenjen a cikk vagy weboldal közepén.

így kell kinéznie a végső kódnak:

<center ><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:nincs;túlcsordulás:rejtett” scrolling=”no” frameborder=”0″ allowTransparency=”true” allow=”titkosított-media”></iframe></center>

hogy ez az! Itt van, hogy fog kinézni, ha kész:

beágyazása Facebook Feed

Hiszed vagy sem, beágyazása a Facebook profil teljes takarmány-ra a honlapon olyan egyszerű, mint beágyazása egyetlen bejegyzést vagy videót. És ennek több módja is van.

WordPress Plugin használata

az első módszer egy plugin vagy widget telepítése a tartalomkezelő rendszerbe (CMS). A WordPress felhasználók például több Facebook feed pluginnel rendelkeznek. Itt van, hogyan kell használni egy:

  1. a Smash Balloon által készített egyedi Facebook-hírcsatorna egy ilyen WordPress plugin, amelyet letölthet a WordPress-fiókján keresztül. Ezt a plugint itt töltheti le.
  2. a plugin letöltésével jelentkezzen be WordPress-fiókjába, és aktiválja ezt a plugint a “Plugins” menüből.
  3. a CMS “Facebook Feed” beállításaival válassza ki és konfigurálja a webhelyen megjeleníteni kívánt Facebook feedet.
  4. írja be a ” szöveget a webhely HTML-szerkesztőjébe a kiválasztott Facebook-hírcsatorna létrehozásához.

a Facebook oldal Plugin

Facebook Saját oldal Plugin, amely lehetővé teszi, hogy készítsen embed kódot minden profil egyéni Facebook feed és írja be a HTML a honlapon. Itt van, hogyan kell használni:

1. Nyissa meg a Facebook oldal Plugin eszközét.

ha be szeretne ágyazni egy Facebook-hírcsatornát a blogjába vagy webhelyébe, nyissa meg a Facebook natív oldal Plugin eszközét itt. Görgessen lefelé ezen az oldalon, amíg meg nem jelenik az alábbi szakasz.

facebook-page-plugin

2. Írja be a beágyazni kívánt Facebook oldal URL-jét.

az eszköz megnyitásával hozzon létre egy új lapot a böngészőjében, és keresse meg azt a Facebook-profilt, amelynek hírcsatornáját be szeretné ágyazni. Nyomja meg Command + C a billentyűzeten (vagy Control+C, ha számítógépet használ) az oldal URL-jének másolásához a számítógép vágólapjára.

visszatérés a böngésző fülre, amelyen a Facebook oldal Plugin nyitva van. Illessze be az URL-t a vágólapról a bal felső mezőbe, az alábbi képernyőképen látható módon. Ebben a példában beágyazzuk a HubSpot Facebook üzleti oldalának Facebook-hírcsatornáját.

hubspot-facebook-page-plugin

3. Adja hozzá a beágyazott hírcsatorna mellett megjeleníteni kívánt füleket.

a profil teljes idővonalának megjelenítése mellett a Facebook Oldalbővítménye lehetővé teszi a profil eseményeinek és/vagy Messenger-fiókjának lapjainak megjelenítését is. Alapértelmezés szerint az oldal Plugin eszköz önmagában “idővonalat” ír be.

események vagy Messenger lapok hozzáadásához a beágyazott Facebook-hírcsatornához kattintson az oldal Plugin eszköz jobb felső sarkában található “Tabs” mezőre, az alábbiak szerint. Adja hozzá az “események” és/vagy az “üzenetek” szavakat az “idővonal” szó mellé, vesszővel elválasztva.

facebook-plugin-tabs

4. Testreszabhatja a Facebook-hírcsatorna méreteit.

ha webhelye olyan dimenziókkal rendelkezik, amelyek korlátozzák a beágyazott média méretét, és tudja, hogy ezek a dimenziók, írja be őket a Facebook oldal Plugin eszköz alsó két mezőjébe. A bal oldali mezőben megadhat egy adott szélességet, a jobb oldalon pedig egy adott magasságot.

alapértelmezés szerint a Facebook-hírcsatorna nagyjából 340×500-on jelenik meg, bár az eszköz előnézeti szövegében az ajánlott méretek láthatók.

5. Kattintson A “Kód Beszerzése” Gombra.”

mind a négy mező kitöltésével egyszerűen kattintson az eszköz alján található Kék “kód beolvasása” gombra, amint az a fenti képernyőképen látható. Ez megnyitja az alább látható kódmezőt.

6. Kattintson az ‘IFrame’ fülre.

legyen óvatos, melyik kódot választja, bár … hacsak nem a semmiből kódolja webhelyét, az első fül (“JavaScript SDK” felirattal) nem rendelkezik a kívánt kóddal. Váltson át az “IFrame” feliratú fülre, az alábbiak szerint. Ez a szöveg készen áll a blog vagy a webhely HTML-szerkesztőjébe történő beágyazásra.

facebook-page-plugin-embed-code

7. Másolja be ezt a beágyazási kódot a webhely HTML-szerkesztőjébe.

másolja a fenti kódot a vágólapra. Ezután keresse meg azt a webhelyet, ahová be szeretné ágyazni ezt a Facebook-hírcsatornát. Nyissa meg webhelye forráskódját (egyes tartalomkezelő rendszerek “</>” ikonnal rendelkeznek, ahol elérheti ezt a forráskódot). Itt beilleszti a hírcsatorna beágyazási kódját a HTML-be, pontosan ott, ahol azt szeretné, hogy megjelenjen.

8. Adjon hozzá <center> és </center> címkéket a teljes IFrame-részlet körül a hírcsatorna középre igazításához.

miután beillesztette ezt a kódot a HTML-be, azonban középre kell igazítania a bejegyzést, hogy ne jelenjen meg automatikusan felfelé a weboldal bal vagy jobb oldalán. Ennek kijavításához csomagolja be a kódot ‘< center>’ és ‘</center> ‘ címkékkel, hogy a Facebook hírcsatorna megjelenjen a cikk vagy weboldal közepén.

így kell kinéznie a végső kódnak:

<center>< iframe style= ” border: nincs; túlcsordulás: rejtett;”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=”no” ></iframe></center>

ennyi! Így fog kinézni, ha kész:

beágyazása Instagram Feed and Posts

az Instagram a marketingesek kedvence, de egy teljes Instagram feed beágyazása nehéz lehet. Így ágyazhat be egy Instagram-hírcsatornát, valamint az egyes bejegyzéseket a webhelyére.

az Instagram Feed WordPress Plugin

az egyéni Facebook Feed készítőitől származik az Instagram Feed. A Smash Balloon által kifejlesztett WordPress plugin megkönnyíti a WordPress-alapú webhelyek számára, hogy teljes Instagram-hírcsatornákat ágyazzanak be bizonyos Instagram-fiókokból. Itt van, hogyan kell használni:

  1. töltse le a WordPress Instagram Feed bővítményét itt.
  2. a plugin letöltésével jelentkezzen be WordPress-fiókjába, és aktiválja ezt a plugint a “Plugins” menüből.
  3. a CMS “Instagram Feed” beállításaival válassza ki az Instagram hozzáférési tokent és a felhasználói azonosítót.
  4. írja be a szöveget: “a webhely HTML-szerkesztőjébe a választott Instagram-hírcsatorna létrehozásához.

ennek a bővítménynek a WordPress-en található utasításai szerint egyszerre több Instagram-hírcsatornát is megjeleníthet, ha szöveget ír be a következő formátumban: “. Ebben a példában hatékonyan beágyazna hat képet három különálló Instagram-hírcsatornához.

Instagram beágyazási funkció

beágyazni az egyes Instagram képek, akkor nem kell nézni tovább, mint a natív funkciók Instagram. A következőképpen kell csinálni:

fontos: annak érdekében, hogy konkrét Instagram-bejegyzéseket beágyazhasson egy blogba vagy Weboldalra, az Instagram-fiókot, amelyhez tartozik, nem lehet privátra állítani. Ha nyilvános fiókot szeretne beállítani, keresse meg ezt a profilt, majd kattintson a “Profil szerkesztése” > Adatvédelem és Biztonság elemre. Ezen az oldalon törölje a jelölést a “privát fiók” opcióról, és mindent be kell állítania.

1. Kattintson a beágyazni kívánt Instagram-képre.

keresse meg azt az Instagram-bejegyzést, amelyet be szeretne ágyazni a webhelyére, majd kattintson rá a kép nagyításához. Ebben a példában beágyazunk egy képet a HubSpot kulturális fiókjából, a hubspotlife-ből, amint az az alábbi képernyőképeken látható.

2. Kattintson az ellipszisre (“…”) ikon a bejegyzés jobb alsó sarkában.

a bejegyzés teljes nézetében nézze meg a Megjegyzések szakasz jobb alsó sarkát. Kattintson az ellipszis ikonra, amely három kis pontból áll, az alábbiak szerint.

instagram-post-ellipsis

3. Válassza A “Beágyazás” Lehetőséget.”

a fent látható ellipszis ikonra kattintva megnyílik az alábbi lehetőségek mezője. Ebben a menüben válassza az “Embed” lehetőséget, a harmadik gombot felülről.

instagram-post-embed-menu

4. Másolja be a beágyazási kódot a webhely HTML-szerkesztőjébe.

hasonlóan a Twitter és a Facebook (fent felsorolt) utasításaihoz, ez az “Embed” gomb egy másik dobozt hoz létre, amely kódolt szöveget tartalmaz. Miután ez a mező megnyílik a képernyőn, jelölje ki a kódot a tetején, az alábbiak szerint. Ezután kattintson az alján található Kék “beágyazási kód másolása” gombra a szöveg másolásához a számítógép vágólapjára.

instagram-post-embed-code

5. Adjon hozzá <center> és </center> címkéket a teljes HTML-kódrészlet körül a bejegyzés középre igazításához.

miután beillesztette ezt a kódot a HTML-be, azonban középre kell igazítania az Instagram-bejegyzést, hogy az ne jelenjen meg automatikusan felfelé a weboldal bal vagy jobb oldalán. Ennek kijavításához csomagolja be a kódot’ <center> ‘és’ </center> ‘ címkékkel, hogy a kép megjelenjen a cikk vagy weboldal közepén.

ez az! Így fog kinézni a beágyazott Instagram-bejegyzés:

Pinterest Pins beágyazása

nyissa meg a Pinterest widget-készítőjét.

ha be szeretné ágyazni a Pinterest rögzített tartalmát a blogjába vagy webhelyére, nyissa meg a Pinterest widget-készítőjét, amely itt érhető el.

válassza a “PIN Widget” elemet a bal oldali oszlopban.

görgessen lefelé, amíg meg nem jelenik a Pin Widget opció, amint az az alábbi képernyőképen látható.

pinterest-pin-widget

illessze be a beágyazni kívánt pin URL-jét.

Kezdje azzal, hogy kitölti az eszköz tetején található “Pin URL” mezőt a webhelyére beágyazni kívánt pin URL-jével, az alábbiak szerint.

pin-widget-url

másolja be a kódot ebből a szakaszból a webhely HTML-szerkesztőjébe.

a Pinterest Pin Widgetjében görgessen le a pin előnézeti képe alatti szakaszhoz, ahol két sor kódolt szöveget talál-az alábbiak szerint.

pinterest-pin-embed-code nyissa meg webhelye HTML-szerkesztőjét, és másolja be az első sort pontosan oda, ahová a Pinterest pin-kódját szeretné megjeleníteni az oldalon. Ezután másolja a szöveg második sorát, és illessze be a webhely HTML-szerkesztőjébe az oldal alján.

ügyeljen arra, hogy ezt a teljes részletet ne illessze be egynél többször egyetlen weboldalra. Ha azt szeretné, hogy a pin többször is megjelenjen, csak át kell másolnia a kód első sorát, és be kell illesztenie oda, ahová szeretné, hogy megjelenjen az oldalon. Ne felejtse el megismételni a következő lépéseket a beágyazni kívánt pin minden egyes példányában.

másolja az alábbi kódrészletet.

<!–pinterest–>

illessze be ezt a kódrészletet a nyitó <a> címke és a záró </a> címke közé.

a kódnak így kell kinéznie:

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

az oldal alján:
< script type=”text/javascript” async src=”//assets.pinterest.com/js/pinit.js ” ></script>

adjon hozzá < középső>és </középső> címkéket a teljes HTML-kódrészlet körül a tű középre igazításához.

így kell kinéznie a végső kódnak:

<központ>< a data-pin-do= “embeddin” href=”http://www.pinterest.com/pin/99360735500167749/”><!–pinterest–></a>
<!– Kérem, hívja pinitet.js oldalanként csak egyszer–>
<script type = “Szöveg / javascript” async src=” / / eszközök.pinterest.com / js / pinit.js ” ></script></központ>

ez az! Így fog kinézni, ha elkészült:

Pinterest táblák beágyazása

a Pinterest táblák hozzáadásához a lépések általában megegyeznek az egyes csapok beágyazásával-a fentiekben ismertetjük. Itt van, hogyan történik:

  1. nyissa meg a Pinterest widget-készítőjét.
  2. válassza a “Board Widget” elemet a bal oldali oszlopban, közvetlenül a “Pin Widget” készítő alatt.
  3. amikor a tábla Widget nyitva van, kövesse ugyanazokat a lépéseket, mint a fent felsorolt csapok hozzáadásához.

másolja és illessze be a kód alsó két sorát a webhely HTML-szerkesztőjébe, és ennyi! Így néz ki egy beágyazott tábla:

Embed Google+ Post

1. Keresse meg a beágyazni kívánt Google+ – bejegyzést. Vigye az egeret a jobb felső sarok fölé, majd kattintson a megjelenő szürke nyílra a További lehetőségek lehúzásához.

google-plus-embed-1

2. Választ ” Bejegyzés Beágyazása.”

google-plus-embed-2

3. Másolja a megjelenő kód egészét, majd illessze be a webhely HTML nézetébe.

google-plus-embed3

4. Központosítsa a beágyazott bejegyzést a <center> és </center> hozzáadásával a teljes HTML-kódrészlet körül.

így kell kinéznie a végső kódnak:

<központ><!– Helyezze ezt a címkét a fejébe vagy közvetlenül a közeli testcímke elé. –>
<script type=” Szöveg/javascript ” src=”https://apis.google.com/js/plusone.js”></script>
<!– Helyezze ezt a címkét oda, ahol a widgetet megjeleníteni szeretné. –>
<div osztály=” g-post ” adatok-href=”https://plus.google.com/110490539670062886957/posts/be2TCKDBMsG”></div></center>

ez az! Itt van, hogy fog kinézni, ha kész:

a Google Naptár beágyazása

egy adott Google Naptár beágyazásához blogjába vagy webhelyére a mobilalkalmazás helyett a Google Naptár webes verzióját kell használnia.

nyitva van? Ágyazzuk be.

kattintson a fogaskerék ikonra a beállítások megnyitásához.

a Google Naptár tetején kattintson a fogaskerék ikonra, és válassza a “Beállítások” lehetőséget az alábbiak szerint.

google-calendar-settings

válassza ki a beágyazni kívánt naptárt, majd görgessen le a “naptár integrálása.”

miután belépett a naptárbeállításokba, keresse meg a bal oldali oldalsávot az adott naptárhoz, amelyet be szeretne ágyazni a webhelyére. Ebben a példában beágyazzuk a HubSpot nemzeti ünnepek naptárát.

miután kiválasztotta a naptárát, keresse meg a Beállítások jobb oldalát, és görgessen lefelé, amíg meg nem jelenik a “naptár integrálása” szakasz. (Egyszerűen rákattinthat az azonos nevű lehetőségre a bal oldali oldalon a választott naptár alatt.)

google-integrate-calendar-1

kattintson a “Testreszabás” gombra, és konfigurálja a naptár méretét és színét.

a Beállítások” naptár integrálása “szakaszában keresse meg, majd kattintson a” Testreszabás “gombra, közvetlenül a” kód beágyazása ” szövegsor felett. Ez megnyitja a lehetőségek nagyobb ablakát, ahol megváltoztathatja a naptár méretét és színsémáját, mielőtt beágyazná.

ha elégedett a naptár jelenlegi megjelenésével, és nem kell esztétikai változtatásokat végrehajtania, egyszerűen átmásolhatja ezt a beágyazási kódot a vágólapra.

 Testreszabás gomb belül Google integrálja naptár beállításait.

másolja a beágyazási kódot a tetején, és illessze be a webhely HTML-szerkesztőjébe.

másolja a beágyazási kódot a Testreszabás ablakból vagy a Beállítások oldalról, majd illessze be a webhely HTML-szerkesztőjébe. Ha szeretné, becsomagolhatja ezt a beágyazási kódot < center>és </center> címkékbe, hogy a naptárat a webhely margóin belül középre igazítsa.

youtube-videó beágyazása

  1. keresse meg a beágyazni kívánt YouTube-videót.
  2. a videó alatt válassza a “Megosztás” lehetőséget.”
  3. a megjelenő menüben válassza a “beágyazás.”
  4. másolja a megjelenő kódot, majd illessze be a webhely HTML-szerkesztőjébe.

keresse meg a beágyazni kívánt YouTube-videót.

egy YouTube-videó beágyazása a blogodba vagy a weboldaladba hihetetlenül egyszerű. A kezdéshez nyissa meg a YouTube-ot, és keresse meg a beágyazni kívánt videót. Ebben a példában beágyazunk egy videót a bejövő marketingről a HubSpot bejövő YouTube-csatornájáról-amint az az alábbi képernyőképeken látható.

a videó alatt válassza a “Megosztás” lehetőséget.”

maga a videó alatt keresse meg a” megosztás ” gombot, az alábbiak szerint.

inbound-youtube-video

a megjelenő menüben válassza a “beágyazás” lehetőséget.”

a kiválasztott YouTube-videó alatti “Megosztás” gombra kattintva megnyílik egy kis menü, ahol megoszthatja a videót különböző közösségi hálózatokon. Ezen opciók bal szélén azonban megjelenik egy kör alakú “beágyazás” gomb is. Kattintson erre a gombra.

youtube-share-embed

másolja a megjelenő kódot, majd illessze be a webhely HTML-szerkesztőjébe.

a következő megjelenő ablakban egy nagy doboz kódolt szöveg jelenik meg, valamint néhány lehetőség a videó testreszabására, mielőtt beágyazná. A beágyazási kód alatt például beállíthatja, hogy a videó egy adott időbélyeggel kezdődjön-e.

miután a beállításokat pontosan a kívánt módon adta meg, jelölje ki a kódolt szöveget az ablak tetején. Ezután kattintson a jobb alsó sarokban található “Másolás” gombra.

youtube-embed-code

adjon hozzá <center> és </center> címkéket a teljes HTML-kódrészlet körül a videó középre igazításához.

így kell kinéznie a végső kódnak:

<center >< iframe width=”560″ height= ” 315 “src=” https://www.youtube.com/embed/mZxa3lrLhXM”frameborder=” 0″allow=” gyorsulásmérő; automatikus lejátszás; titkosított adathordozó; giroszkóp; kép a képben ” allowfullscreen></iframe></center>

ennyi! Itt van, hogy fog kinézni, ha kész:

Slideshare prezentációk és infografikák beágyazása

keresse meg a SlideShare prezentációt vagy infografikát, amelybe beágyazni szeretne SlideShare.net.

slideshare_step_1

Kattintson A ” Testreszabás.”

ha testre szeretné szabni a beágyazott SlideShare prezentációt vagy infografikát, kattintson a “Testreszabás” gombra, és az alábbi opciók jelennek meg. Válassza ki a kívánt beállításokat, majd másolja a kódot a “beágyazás” szakaszba, majd illessze be a webhely HTML nézetébe.

a Slideshare prezentáció beágyazásának lehetőségei

központosítsa a beágyazott Slideshare-t a < center>és </center> hozzáadásával az egész HTML-kódrészlet körül.

így kell kinéznie a végső kódnak:

< központ > < iframe src=”//www.slideshare.net/slideshow/embed_code/31128788″ width=”427″ height=”356″ frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowfullscreen> </iframe> <div> <erős> <a href=”https://www.slideshare.net/HubSpot/a-sales-and-marketing-love-story” title=”értékesítési és Marketing szerelmi történet” target=”_blank”>értékesítési és marketing szerelmi történet</a> </strong> from <strong><a href=”http://www.slideshare.net/HubSpot” target=”_blank”>HubSpot</a></strong></div></center>

ez az! Így fog kinézni, ha elkészült:

ezeknek a beágyazási kódoknak némelyikére szükség lehet egy kis csípésre, hogy tökéletesnek tűnjön a blogján vagy a webhelyén, de ezeknek a lépéseknek a használatával nagyszerű kezdetnek kell lennie. Boldog beágyazást!

 Canva HubSpot Weboldal Ebook

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.