About The Project

React-youtube-watch-time-gate is a react website made to increase traffic to your youtube channel. It offers a gate where people have to watch your videos to download files. This lead to increase in watch time stats on youtube and, increase traffic.

Demo

https://www.hypepinada.com/

Built With

• Bulma
• React

Installation

1. Clone the repo

   git clone https://github.com/Pinada/react-youtube-watch-time-gate.git

2. Install NPM packages

   npm install

3. Run

   npm start

Usage

To use, you simply have to edit the videoConfig json file. The file is separeted in different categories.

{
"cat1": {
    "itemTitle": {
      "tileText": "title text",
      "tileImageSrc": "/files/test-src.png", // link to thumnail, 1920x1080
      "metaTitle": "Meta title used for SEO",
      "name": "Test",
      "url": "/yawqC9WCyvg", // url of youtube video
      "perc": 15, // percentage of the video that users do NOT have to watch
      "link": "/files/test-file.zip" // link to file
    },
"cat2": {
    "itemTitle": {
      "tileText": "title text",
      "tileImageSrc": "/files/test-src.png",
      "metaTitle": "Meta title used for SEO",
      "name": "Test",
      "url": "/yawqC9WCyvg",
      "perc": 15,
      "link": "/files/test-file.zip"
    },
   }

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Pinada - @pinadaMedia