The following consists of examples of social media feeds with various configurations. The formula for generating a feed is rather simple:
Each call to socialFeed may take an optional configuration object as its argument. The object may contain any of the follwing properties:
<div id="featured-instagram-post"></div>
<script>
$('#featured-instagram-post').socialFeed({
query: '+B6YKic1nYni',
clive: 'social-instagram',
numRanks: 1
});
</script>
Post ID obtainable by hovering over embedded post's like or comment buttons.
<div id="featured-twitter-post"></div>
<script>
$('#featured-post-3').socialFeed({
query: '+1211864326337912832',
clive: 'social-twitter',
numRanks: 1
});
</script>
Tweet ID obtainable by hovering over embedded tweet's like or comment buttons.
<div id="featured-facebook-post"></div>
<script>
$('#featured-facebook-post').socialFeed({
query: '+10157549273232860',
clive: 'social-facebook',
numRanks: 1
});
</script>
Post ID obtained by either hovering over the comment button of an embedded post, or going to the facebook page hosting an embedded video and viewing the full post.
<div id="social-feed-events"></div>
<script>
$('#social-feed-events').socialFeed({
sort: 'adate',
query: 'feedItemType:EVENT'
});
</script>
<div id="architect-engineer"></div>
<script>
$('#architect-engineer').socialFeed({
query: '[Architect Engineer]'
});
</script>