![BuzzButton.png](https://files.peakd.com/file/peakd-hive/dbuzz/Q7uZYyuv-BuzzButton.png) # Embed and Buzz Directly from any web page! ---
What's good [D.Buzz](https://d.buzz)? Today would like to take a moment to introduce you to the "EMBED BUZZ BUTTON". This is a handy-dandy button you can add to any web page and enable your users in one click, to Buzz to [D.Buzz](https://d.buzz). Here is what the button looks like. ---
![BuzzButton.png](https://files.peakd.com/file/peakd-hive/dbuzz/xunE9X7h-BuzzButton.png)
--- Basically, The Buzz button is a small button displayed on your website where viewers can easily share content onto [D.Buzz](https://d.buzz). It consists of two parts; a link to [D.Buzz](https://d.buzz)'s 'Buzz' composer and the BuzzWidget.js script to enhance the link with the easily identifiable Buzz button. The simplified explanation is when you click the button, a pop-up window comes up linking to https://d.buzz/#/intent/buzz . The magic happens in what information you can pass along to that pop-up window. For now however let's review how to add a 'Buzz' button to your webpage or, DApp. --- # How to add a Buzz button in your website? Create a new anchor element with a `dbuzz-share-button` class to allow the `buzzWidget.js` script to discover the element and turn it into a Buzz Button. Set the href attribute value to https://d.buzz/#/intent/buzz to create a link that redirects to the DBuzz Web Intent Composer. - `Buzz` Set the Buzz text by customizing Buzz web intent query parameters. - `Buzz` - Customize Buzz button parameters using data/attributes. `Buzz` - Include BuzzWidget.js script once in your page template to enable tracking of Buzz button widget JavaScript events. `` # Buzz web intent query parameters ## The Text parameter - Appears preselected in a Buzz composer. If not set, it may be auto-populated from the web page's title element. ## The URL parameter - Contains an absolute HTTP or HTTPS URL to be shared on DBuzz. If not set, it may be auto-populated from location.href of the page. ## The Tags' parameter - Must be separated with a comma. Do not include a preceding "#" from each hashtag; the Buzz composer will automatically add the proper space-separated hashtag. # Buzz Button customization - Add a data-size attribute value of "large" to display a larger Buzz button --- We are writing a developers document that will share with everybody shortly, for now use this as a micro guide to get the "EMBED BUZZ BUTTON" set up on your web page or dapp. Should you have any questions, please post them below or hit us up on discord at : https://discord.gg/5hQZvTxs --- ### Over and out. #### - [D.Buzz](https://d.buzz/)
--- ![Twitter2.jpeg](https://files.peakd.com/file/peakd-hive/dbuzz/Mrkn1JSG-Twitter2.jpeg) ---
##
[D.Buzz](https://d.buzz/) is ...
Is a censorship-resistant short form microblogging platform that empowers you to share your thoughts in 280 characters or less. Censorship resistant and built for the community with love.
### Vote for @dbuzz as a Witness. --- Using HiveSigner: [HiveSigner.com](https://hivesigner.com/sign/account-witness-vote?witness=dbuzz&approve=1) --- Search for @dbuzz witness at [peakd.com](https://peakd.com/) --- Search for @dbuzz witness at [Hive.blog](https://wallet.hive.blog/~witnesses) ---
---
We strive to have a fun and neutral stance on topics. If you have any concerns with the content, please contact @jacuzzi, who writes and generates the content for our articles, or the @dbuzz team for clarification.
--- [![GoldenBuzz_leaderBoard.jpeg](https://files.peakd.com/file/peakd-hive/dbuzz/9wtBOsMe-GoldenBuzz_leaderBoard.jpeg)](https://peakd.com/@dbuzz) [![dbuzzsotreBanner.jpeg](https://files.peakd.com/file/peakd-hive/dbuzz/889g0jq2-dbuzzsotreBanner.jpeg)](https://dbuzz.store/) ---

See: Embed and Buzz Directly from any web page! Meet the "EMBED BUZZ BUTTON" by @dbuzz