Twitter Pixel Managed Component

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

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

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

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:

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>

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. ◊

Licensed under the Apache License.

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

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!