{"id":13715029,"url":"https://github.com/Leocardoso94/social-tags-webpack-plugin","last_synced_at":"2025-05-07T03:31:10.283Z","repository":{"id":89442896,"uuid":"116847590","full_name":"Leocardoso94/social-tags-webpack-plugin","owner":"Leocardoso94","description":"A wepback plugin to generate social meta-tags","archived":true,"fork":false,"pushed_at":"2018-06-08T02:22:51.000Z","size":304,"stargazers_count":10,"open_issues_count":2,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-30T14:01:54.901Z","etag":null,"topics":["facebook","meta-tags","twitter","webpack","webpack-plugin"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/social-tags-webpack-plugin","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Leocardoso94.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-01-09T17:24:01.000Z","updated_at":"2023-01-28T12:35:15.000Z","dependencies_parsed_at":"2023-06-26T16:20:35.053Z","dependency_job_id":null,"html_url":"https://github.com/Leocardoso94/social-tags-webpack-plugin","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Leocardoso94%2Fsocial-tags-webpack-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Leocardoso94%2Fsocial-tags-webpack-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Leocardoso94%2Fsocial-tags-webpack-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Leocardoso94%2Fsocial-tags-webpack-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Leocardoso94","download_url":"https://codeload.github.com/Leocardoso94/social-tags-webpack-plugin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252806420,"owners_count":21807199,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["facebook","meta-tags","twitter","webpack","webpack-plugin"],"created_at":"2024-08-03T00:00:53.179Z","updated_at":"2025-05-07T03:31:08.690Z","avatar_url":"https://github.com/Leocardoso94.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# social-tags-webpack-plugin\n\n`social-tags-webpack-plugin` is a webpack plugin that generates a the meta-tags to facebook and twitter, like this:\n\n```html\n\u003cmeta property=\"fb:app_id\" content=\"123456789\"\u003e\n\u003cmeta property=\"og:url\" content=\"http://example.com/page.html\"\u003e\n\u003cmeta property=\"og:type\" content=\"website\"\u003e\n\u003cmeta property=\"og:title\" content=\"Content Title\"\u003e\n\u003cmeta property=\"og:image\" content=\"http://example.com/image.jpg\"\u003e\n\u003cmeta property=\"og:description\" content=\"Description Here\"\u003e\n\u003cmeta property=\"og:site_name\" content=\"Site Name\"\u003e\n\u003cmeta property=\"og:locale\" content=\"en_US\"\u003e\n\u003cmeta property=\"article:author\" content=\"\"\u003e\n\u003cmeta name=\"twitter:card\" content=\"summary\"\u003e\n\u003cmeta name=\"twitter:site\" content=\"@site_account\"\u003e\n\u003cmeta name=\"twitter:creator\" content=\"@individual_account\"\u003e\n\u003cmeta name=\"twitter:url\" content=\"http://example.com/page.html\"\u003e\n\u003cmeta name=\"twitter:title\" content=\"Content Title\"\u003e\n\u003cmeta name=\"twitter:description\" content=\"Content description less than 200 characters\"\u003e\n\u003cmeta name=\"twitter:image\" content=\"http://example.com/image.jpg\"\u003e\n```\n\n# Install\n\n```\nnpm install --save-dev social-tags-webpack-plugin\nyarn add -D social-tags-webpack-plugin\n```\n\n# Usage\n\nIn your `webpack.config.js`:\n\n```javascript\n// ES6+\nconst SocialTags = require('social-tags-webpack-plugin')\n\n...\n\nplugins: [\n    ...\n    new SocialTags({\n      appUrl: 'http://example.com/',\n      facebook: {\n        'fb:app_id': \"123456789\",\n        'og:url': \"http://example.com/page.html\",\n        'og:type': \"website\",\n        'og:title': \"Content Title\",\n        'og:image': 'src/img/book.png',\n        'og:description': \"Description Here\",\n        'og:site_name': \"Site Name\",\n        'og:locale': \"en_US\",\n        'og:article:author': \"\",\n      },\n      twitter: {\n        \"twitter:card\": \"summary\",\n        \"twitter:site\": \"@site_account\",\n        \"twitter:creator\": \"@individual_account\",\n        \"twitter:url\": \"http://example.com/page.html\",\n        \"twitter:title\": \"Content Title\",\n        \"twitter:description\": \"Content description less than 200 characters\",\n        \"twitter:image\": './src/img/book.png'\n      },\n    })\n]\n```\n\n### Test your page with :\n\n- 🛠 [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/)\n- 🛠 [Twitter Card Validator](https://cards-dev.twitter.com/validator)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLeocardoso94%2Fsocial-tags-webpack-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FLeocardoso94%2Fsocial-tags-webpack-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLeocardoso94%2Fsocial-tags-webpack-plugin/lists"}