Announcement

Collapse
No announcement yet.

Tweet BBCode

Collapse
This is a sticky topic.
X
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • glennrocksvb
    started a topic Free Mod Tweet BBCode

    Tweet BBCode

    One way to integrate social media with forums is to embed tweets from Twitter into forum posts.

    Go to AdminCP > Custom BB Codes > Add New BB Code and enter the following information:

    Title: Tweet
    BB Code Tag Name: tweet
    Replacement: (Updated code as of 02/26/22 to fix issue for Tweet URL with querystring parameters)
    Code:
    <div data-tweet-param="{param}"></div><script>(function(){function k(a,c){var d=Element.prototype;return(d.matches||d.webkitMatchesSelector||d.mozMatchesSelector||d.msMatchesSelector||function(a){return-1!==[].indexOf.call(document.querySelectorAll(a),this)}).call(a,c)}function g(a,c){return a?k(a,c)?a:"HTML"===a.tagName?null:g(a.parentNode,c):null}var b,u=`{param}`.replace(/<br\s*[\/]?>/gi, '').replace(/\r|\n/g,'').replace(new RegExp(unescape('%26amp;'), 'g'),unescape('%26')),a,e=document.getElementsByTagName("script"),e=e[e.length-1],f;if(/^http[s]*:\/\//.test(u)){a=document.createElement("a");a.href=u;b=a.pathname.substring(a.pathname.lastIndexOf("/")+1)}f=e.parentNode.querySelector('[data-tweet-param*="'+u+'"]:empty');(a=g(f,".js-post"))?a=a.getAttribute("data-node-id"):(a=g(f,".js-post-sm"),a=a?a.getAttribute("data-nodeid"):Math.floor(Math.random()*10000));a="t_"+(a||"")+"_"+b;window[a]=function(a){f.innerHTML=a.html;a=f.getElementsByTagName("script");for(var c,d=document.getElementsByTagName("head")[0],b=0;b<a.length;b++)a[b].src?(c=document.createElement("script"),c.src=a[b].src,d.appendChild(c)):eval(a[b].textContent)};var h=document.createElement("script");h.src="https://api.twitter.com/1/statuses/oembed.json?id="+b+decodeURIComponent("%26")+"callback="+a;e.parentNode.appendChild(h)})();</script>
    Example: [tweet]TweetUrlOrTweetIdHere[/tweet]
    Other Options: Select Yes to all starting from "Remove Tag If Empty" option (for Button Image option, you could specify image path. If specified, a new button for this BB Code will appear in the editor)

    Demo:
    This tweet:
    [tweet]https://twitter.com/noypiscripter/status/758114543033647104[/tweet]

    or just using the Twitter Post ID

    [tweet]758114543033647104[/tweet]

    will be rendered as:



    To get the Tweet URL, go to a tweet on Twitter, click on the 3 dots icon below the tweet, choose "Copy link to Tweet" and then copy the URL.

    Other sample:
    Last edited by glennrocksvb; 02-26-2022, 05:38 PM. Reason: Updated Replacement Code to fix issue for Tweet URL with querystring parameters

Users Viewing This Page

Collapse

There is 1 user viewing this forum topic.

  • Guest Guest

Latest Posts

Collapse

Working...
X
Searching...Please wait.
An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

Please push the back button and reload the previous window.'
An unexpected error was returned: 'Your submission could not be processed because the token has expired.

Please push the back button and reload the previous window.'
An internal error has occurred and the module cannot be displayed.
There are no results that meet this criteria.
Search Result for "|||"