Twitter Pixel Managed Component

Find out more about Managed Components here for inspiration and motivation details.

🚀 Quickstart local dev environment

1. Make sure you're running node version >=18.
2. Install dependencies with npm i
3. Run unit test watcher with npm run test:dev

🧱 Fields Description

Twitter Pixel ID number required

txn_id is the unique identifier of your Twitter Pixel. You can find it inside the Twitter snippet, as twq('init','twitter_pixel_id');. Learn more

⎙ Embeds

Post

This Managed Component uses the Embeds API to render tweets on a web page, with its embed twitter-post. This Embed accepts the folowing parameters:

Tweet ID required

Specify the post you wish to render using the tweet-id parameter. You can find the tweed ID in the URL when you open it in the browser.

---

Examples:

1. To place an embed on a page using WebCM, use a placeholder div element with the following attributes:

<div
  data-component-embed="twitter-post"
  data-tweet-id="1754336034228171055"
></div>

2. To place an embed on a page using Cloudflare Zaraz, use a placeholder twitter-post HTML element with the following attributes:

<twitter-post tweet-id="1754336034228171055"></twitter-post>

Support

This Managed Component only supports the display of the tweet’s text, account and profile information, date and time, as well as likes, replies, and other engagement metrics. ◊

📝 License

Licensed under the Apache License.

💜 Thanks

Thanks to everyone contributing in any manner for this repo and to everyone working on Open Source in general.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Simona Badoiu 💻

Yo'av Moshe 💻

Ruskin 💻

This project follows the all-contributors specification. Contributions of any kind welcome!