How to embed a Facebook post on your website
- If you’re on your timeline (on your profile where you can see all of your posts), find the post you would like to embed
- THERE ARE THREE DIFFERENT WAYS TO DO STEP 3
- In the top left hand corner of the post, right click the date (or # of days/minutes since posted) of the post you would like to embed and select ‘Copy Link Address’
- If post has an image, click on the image of the post to see the full view and copy the URL
- If post does not have an image, click the three little dots in right hand corner of the post
- Select ‘Show in tab’
- In the popup window, click the settings icon in the top right corner and select ‘See full post’
- Copy URL of the full post
- Ex: https://www.facebook.com/itsuiowa/photos/a.866602790022409/2938371746178826/?type=3
- In Drupal, in the WYSIWYG, click the media icon on the toolbar
- In the header of the popup window, select ‘Facebook’
- Paste the URL you copied from Facebook in the Facebook* text box
- Select how wide you would like to display the post (ie ‘Display As *’)
- Select how you would like to align the post with ‘Align’
- You can add a caption that would appear on the bottom of the post you embed
- Save
- Note: while in the editing view of your node, you will only see a summary of the post‘Posted by: Name on Date’
How to make sure Facebook post is public
- Go to your post you would like to embed
- At the top of the post, there will be an icon with an arrow pointing downwards
- It is to the right of the clickable date link
- Click on the arrow and make sure you select the globe icon that says ‘Public’
Did you know the ITS Help Desk is open late Monday-Thursday? We're open from 8am-10pm to help answer any and all of your...
Posted by University of Iowa Information Technology Services - ITS on Wednesday, October 30, 2019
How to make sure account is **NOT private**
- Login to your Twitter profile
- On the left hand side, click the … icon ‘More’
- Select the ‘Settings and Privacy’ option
- Select the ‘Privacy and Safety’ option
- Make sure ‘Protect your Tweets’ isn’t selected
How to embed a tweet in your WYSIWYG
- Click on the tweet you wish to embed for the full view
- You can also select the share icon then ‘Copy link to Tweet’
- Copy URL of the single tweet
- Ex: https://twitter.com/temiAlchemy/status/1150835103163133953
- In Drupal, on the WYSIWYG, click the media icon in the toolbar
- In the header of the popup window, select ‘Twitter’
- Paste the URL you copied from Twitter in the Twitter URL* text box
- Select how wide you would like to display the post (ie ‘Display As *’)
- Select how you would like to align the post with ‘Align’
- You can add a caption that would appear on the bottom of the post you embed
- Save
How to make sure account is **NOT private**
- Login to your Instagram profile
- Go to your profile page
- Select the ‘Settings’ icon
- Select ‘Privacy and Security’
- Make sure the ‘Private Account’ isn’t selected
How to embed an Instagram post in your WYSIWYG
- Click on the post you wish to embed
- Click on the three dots in the upper right corner
- Select ‘Copy Link’
- Ex: https://www.instagram.com/p/B0CI72fHXnd/
- In Drupal, on the WYSIWYG, click the media icon in the toolbar
- In the header of the popup window, select ‘Instagram’
- Paste the URL you copied from Instagram in the Instagram* text box
- Select how wide you would like to display the post (ie ‘Display As *’)
- Select how you would like to align the post with ‘Align’
- You can add a caption that would appear on the bottom of the post you embed
- Save
Note: will only see the outline of the Instagram post in your editing view