Skip to content

Instantly share code, notes, and snippets.

@herdianf
Created December 6, 2016 03:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save herdianf/549c5725a85413dc10a46cb05e43d7c4 to your computer and use it in GitHub Desktop.
Save herdianf/549c5725a85413dc10a46cb05e43d7c4 to your computer and use it in GitHub Desktop.
Cxense Embed Code
<div id="cxense-div"></div>
<script>
var cX = cX || {};
cX.callQueue = cX.callQueue || [];
cX.callQueue.push(['insertWidget', {
widgetId: '4f6a036c13e80cb204ed1a02ad91e6bda0ad2ed3',
renderFunction: function(data, context) {
var items = data.response.items;
if (items.length > 0) {
var numLimit = 4;
var cxrecom = document.getElementById('cxense-div');
for (var i = 0; i < items.length && i < numLimit; i++) {
var item = items[i],
itemsrc = item['og-site-name'] || item.src || 'trendall',
click_url = item.click_url + '?cx_tag=' + item.src + '&cid=tg:recos:' + item.src + (item._type == 'sponsored' ? ':sponsored' : ':standard'),
title = item.title,
imageurl = item["og-image"],
imagethumb = item['dominantthumbnail'] ? item['dominantthumbnail'] : imageurl,
str = '' +
'<div style="width:100%;">' +
'<a href="' + click_url + '" target="_blank" title="' + title + '">' +
'<div style="background-image:url('+imageurl+'); background-repeat:no-repeat; background-size:cover; "></div>' +
'</a>' +
'<div class="margin-top-15">' +
'<a href="' + click_url + '" target="_blank" class="picture-tile__text" title="' + title + '">' + title + '</a>' +
'<p class="picture-tile__category">' + itemsrc + '</p>' +
'</div>' +
'</div>';
var ele = document.createElement('div');
ele.setAttribute('style', 'width=300px; height:auto; float:left;')
cxrecom.appendChild(ele)
ele.innerHTML = str
}
var break = document.createElement('div');
break.setAttribute('style', 'clear:both;')
cxrecom.appendChild(break)
}
}
}]);
(function(d,s,e,t) { e=d.createElement(s);e.async=1;e.src='http'+('https:'===location.protocol?'s://s':'://')+'cdn.cxense.com/cx.js';t=d.getElementsByTagName(s)[0];t.parentNode.insertBefore(e,t); })(document,'script')
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment