npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

ethereum-ads

v0.0.5

Published

React Component for https://ethereumads.com/

Downloads

2

Readme

EthereumAds

Table of Content

Dependencies

  • ReactJS

Introducing

This package provides a ReactJS Component to render image or video advertisment banners that are provided by EthereumAds.

This type of advertisment is completely anonymous, because you get payed off in Ethereum (ETH).

Why EthereumAds?

Perfect targeting**

The Promise is to get a better and competitive perfect targeting of your audience.

Lower commissions

Google Adsense only pays you 68% of your ad earnings. EthereumAds on the other hand pay you a whopping 90%.

More about

visit EthereumAds

How it Works

After you use this package, ad space is automatically openly auctioned off using smart contracts every two weeks to the highest bidder. This service is suitable for any content, not just crypto-related, e.g. websites, blogs, videos, even billboards. Just let the open bidding market automatically and continually find the perfect ads for you. The earnings go directly into your Ethereum account.

Get Started

First you must install this package via Packagemanager as follow for npm npm install ethereum-ads or yarn yarn add ethereum-ads.

than import this package via ES6 import

import EthereumAds from 'ethereum-ads'

or use the CommonJS require statement

const  EthereumAds = require('ethereum-ads')

now add your personal settings:

import EthereumAds from 'ethereum-ads'

const YourComponent = ({title}) => {

  const AdSettings = {
    slot: 0,
    type: 'largeRectangle',
    address: '0x4E56AD43B1Bf7b5D351A41827a39B39FEc64Cf70'
  }

  return (
    <aside>
      <Headline>{title}</Headline>
      <EthereumAds {...AdSettings} />
    </aside>
  )
}

Properties

address (required)

Your ethereum wallet public key also known as your wallet address. You don't have a wallet? Generate one here Metamask.

slot (required)

If you use this components more than once, you have to manage different slot numbers to identify each. Otherwise leave it 0.

type (required)

Set name as type value to select one of following formats:

| Name | Type | Width | Height | | ----------------- |:------:| -----:|-------:| | largeRectangle | Image | 336 | 280 | | mediumRectangle | Image | 300 | 250 | | leaderBoard | Image | 728 | 90 | | skyscraper | Image | 300 | 600 | | mobileLeaderBoard | Image | 320 | 50 | | video | Video | 1280 | 720 |

choice a type of ads and declare it like the follow code snippet:

<EthereumAds type="mobileLeaderBoard />

Develop

| Command | Description | | :----------------- |:------| | yarn install | Install dependencies | | yarn dev | Run watcher for typescript compiler | | yarn tests | Run tests | | yarn build | build production version |

Check Component in Example

cd example
yarn install
yarn dev

Deployment

increase Package version

yarn version --pre --major    
1.0.0 -> 2.0.0

yarn version --pre --minor
1.0.0 -> 1.1.0

yarn version --pre --patch
1.0.0 -> 1.0.1

yarn version --pre
1.0.0-alpha.0 -> 1.0.0-alpha.1

add all changes

git add .
git commit -m 'Commit Message'
git push

Auto Deploy will release the new Version on NPM Registry

Donate

Ethereum: 0x4E56AD43B1Bf7b5D351A41827a39B39FEc64Cf70

Ethereum

Bitcoin: bc1qzhrznfn08rvh9mt4yy2x4zd6crxlzpnldawtkq

Bitcoin

License

ISC License

Copyright (c) 2020, Holger D. Schauf

Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.