Full Chrome Extension Crash Course For Beginners

Поділитися
Вставка
  • Опубліковано 12 вер 2024

КОМЕНТАРІ • 32

  • @user-dd9yd1zm6v
    @user-dd9yd1zm6v 11 місяців тому +1

    Thanks for the informative video

  • @chrisder1814
    @chrisder1814 Місяць тому

    hello I would like to make a chrome extension but first I would like you to tell me what you think about it

    • @webdebwithron
      @webdebwithron  Місяць тому

      @@chrisder1814 what's on your mind

    • @chrisder1814
      @chrisder1814 Місяць тому

      @@webdebwithron hello, thanks for your reply
      thanks to the API I can do SEO automatically, I mean there are tools like rank math however if I understood correctly I cannot automate it, I mean I have I understood that to use it I must be connected to my back end and scan the pages one by one then I must change the keywords one by one?
      on the other hand I was wondering if there wouldn't be a site to which I could give the URL of my site and that it would automatically scan all the pages and replace all the bad keywords with good ones?
      if this is not possible then I asked myself if I will not be able to develop a chrome or WordPress plugin?
      I'm not a developer at all but I've seen tutorials where it's explained that it's as simple as a prompt
      and finally the last option is I thought maybe I could do it with a make scenario?
      I made my product catalog on Google sheet, on this sheet there are 2 columns for the images, the first is the URLs of my images and which are stored in my WordPress database and the second is is images in PNG (I'm not sure that the word, format, is PNG? in a Google sheet) and then I have two other columns, among others, so the third column is the titles and the fourth column is are the descriptions
      then I entered this CSV file into woocommerce
      So do I have two bases for giving?
      so I was wondering if I couldn't build myself an SEO robot that could scan all of my pages and replace all the title and description keywords on each of my pages?
      as I said previously I understood that rank math allows me to scan my pages but I have to do it by hand and page by page from my back end?
      did I understand well ?
      so I thought that if there is no SEO application that allows me to scan a site and optimize each of the pages and this just from the URL I thought that maybe I could do it either by creating a make scenario or a custom GPT or a chrome or WordPress extension?
      an idea that I had and to replace the keywords (titles and description), present in the columns of my Google sheet automatically with make and to add the openAI API so that it rewrites my product sheets for me
      but here's the problem is that I have to go through the Google sheet each time and to update the product sheets of my woocommerce store then I have to re-import this new Google sheet, CSV, into woo
      so as I said in my previous message I thought about directly creating an SEO scanner robot
      in order to avoid this updating operation in Google sheet then reimport the csv each time in woo
      it's not much but I would also like to sell on several Marketplaces and not just in France
      so for example with Amazon, if I want to sell on 5 Amazon Marketplaces I have to update 5 different CSVs?
      that's why I thought about an SEO robot scanner to go much faster
      and I just learned that I can connect make to wordpress so I could simplify the idea of my CSV, it allows me to intervene directly on my WordPress site without having to go through Google sheet so is it an SEO robot? to scan?
      and regarding eBay, Amazon...
      Do you think I could have an extension developed for each of these Marketplaces and thus ask make to create my product sheets and update them?
      but as you know a lot more about APIs than me I wanted to get your opinion
      do you think these ideas are good and feasible?
      I hope my writing is clear but I doubt it a little,
      I am French and I use a translator
      do you understand my message?
      Thanks to the API I can do SEO automatically, I mean there are tools like rank math but if I understand correctly I cannot automate it, I mean I have I understood that to use it I must be connected to my back end and scan the pages one by one then I must change the keywords one by one?
      on the other hand I was wondering if there wouldn't be a site to which I could give the URL of my site and that it would automatically scan all the pages and replace all the bad keywords with good ones?
      if this is not possible then I asked myself if I will not be able to develop a chrome or WordPress plugin?
      I'm not a developer at all but I've seen tutorials where it's explained that it's as simple as a prompt
      and finally the last option is I thought maybe I could do it with a make scenario?
      I made my product catalog on Google sheet, on this sheet there are 2 columns for the images, the first is the URLs of my images and which are stored in my WordPress database and the second is is images in PNG (I'm not sure that the word, format, is PNG? in a Google sheet) and then I have two other columns, among others, so the third column is the titles and the fourth column is are the descriptions
      then I entered this CSV file into woocommerce
      So do I have two bases for giving?
      so I was wondering if I couldn't build myself an SEO robot that could scan all of my pages and replace all the title and description keywords on each of my pages?
      as I said previously I understood that rank math allows me to scan my pages but I have to do it by hand and page by page from my back end?
      did I understand well ?
      so I thought that if there is no SEO application that allows me to scan a site and optimize each of the pages and this just from the URL I thought that maybe I could do it either by creating a make scenario or a custom GPT or a chrome or WordPress extension?
      an idea that I had and to replace the keywords (titles and description), present in the columns of my Google sheet automatically with make and to add the openAI API so that it rewrites my product sheets for me
      but here's the problem is that I have to go through the Google sheet each time and to update the product sheets of my woocommerce store then I have to re-import this new Google sheet, CSV, into woo
      so as I said in my previous message I thought about directly creating an SEO scanner robot
      in order to avoid this updating operation in Google sheet then reimport the csv each time in woo
      it's not much but I would also like to sell on several Marketplaces and not just in France
      so for example with Amazon, if I want to sell on 5 Amazon Marketplaces I have to update 5 different CSVs?
      that's why I thought about an SEO robot scanner to go much faster
      and I just learned that I can connect make to wordpress so I could simplify the idea of my CSV, it allows me to intervene directly on my WordPress site without having to go through Google sheet so is it an SEO robot? to scan?
      and regarding eBay, Amazon...
      Do you think I could have an extension developed for each of these Marketplaces and thus ask make to create my product sheets and update them?
      but as you know a lot more about APIs than me I wanted to get your opinion
      do you think these ideas are good and feasible?
      I hope but it is written clearly but I doubt it a little, would you like me to send you voice messages? see video?
      Would you like me to send you voice messages? see video?

    • @chrisder1814
      @chrisder1814 Місяць тому

      @@webdebwithron hello, I can not write you on instagram

    • @webdebwithron
      @webdebwithron  Місяць тому

      send me a message on instagram, it's linked in the details and I'll respond there

    • @chrisder1814
      @chrisder1814 Місяць тому

      @@webdebwithron Hello, I can not wright you on insta

  • @bisaanimations
    @bisaanimations 4 місяці тому

    i followed your tutorial step by step but for the dark theme one it wouldnt work fully for me.....i followed each line of code but it just doesn't show up like yours does.....is there anyway to be able to get your actual file so that i can compare where i may have gone wrong?

    • @webdebwithron
      @webdebwithron  4 місяці тому

      I don't have a GitHub repository for that project but make sure the JavaScript works ( check by console logging ) and CSS ( apply basic styles and see if they appear), and if one or both of these don't work then you made a mistake naming the files or the manifest.json file.

    • @bisaanimations
      @bisaanimations 4 місяці тому

      @@webdebwithron thanks a lot, will do that and see if I can fix it……I’ve only recently started learning HTML, CSS and JavaScript so I’m still getting to grips with the whole thing

  • @bennguyen1313
    @bennguyen1313 9 місяців тому +1

    How does Manifest V3 change the way you would make a chrome extension?
    I'd like to make one for my personal use (not to publish in the Web Store that can automatically hit the "Skip" button the second that it's available!
    The following doesn't seem to work:
    var $skip = document.getElementsByClassName("ytp-ad-skip-button")[0]; if ($cross != undefined) $cross.click(); if ($skip != undefined) $skip.click() }, 2000)})();

    • @webdebwithron
      @webdebwithron  9 місяців тому +1

      you need to add a proper function that constantly looks for the skip element or waits for it to appear.
      Your code runs once when the page loads when the skip button isn't loaded so nothing happens.
      I'll make a video on this common issue & the latest manifest version has new features and to use features from last version you might have to write it differently. Hopefully it makes sense now.

  • @ga7axy
    @ga7axy 8 місяців тому +1

    How to add authentication in chrome extension?

    • @webdebwithron
      @webdebwithron  8 місяців тому

      what type of authentication?

    • @ga7axy
      @ga7axy 8 місяців тому

      @@webdebwithron like a simple sign in with email & password system. But since the chrome extension's source code is easily accessible to anyone. I'm unsure what's the best practice to handle authentication. I'm just a beginner

    • @webdebwithron
      @webdebwithron  8 місяців тому +1

      I'm not fully sure how to do it in fronted but try searching up node js encryption and see if you can do it in vanilla or encryption vanilla js

  • @satyendrapal4868
    @satyendrapal4868 6 місяців тому

    Hi have you idea about adguard extension if you have can you plz guide me how can i create same extension plz reply as soon as possible

    • @webdebwithron
      @webdebwithron  6 місяців тому

      that's sounds like a great idea, but If I make a video on that it's going to be a simple one

    • @satyendrapal4868
      @satyendrapal4868 6 місяців тому

      That's not a simple one once plz check adguard it's a complete website where they are blocking all types ads on UA-cam and lots of things is there plz check once

    • @satyendrapal4868
      @satyendrapal4868 6 місяців тому

      Plz once check this link I am talking about like that

  • @hoangg04
    @hoangg04 7 місяців тому +1

    Can you give me a link github about code?

    • @webdebwithron
      @webdebwithron  7 місяців тому +1

      will send you as soon as I make one

    • @hoangg04
      @hoangg04 7 місяців тому

      @@webdebwithron thank you bro

    • @webdebwithron
      @webdebwithron  7 місяців тому +1

      github.com/rons-innovative-visions/Chrome_Extension_Template

    • @hoangg04
      @hoangg04 7 місяців тому

      @@webdebwithron thank you so much

  • @Whorishusingh
    @Whorishusingh 6 місяців тому

    brother you github does not contains all the code that you showed in the video

    • @webdebwithron
      @webdebwithron  6 місяців тому +1

      The GitHub repository is only a template so you don't have to create all the files. I wasn't planning on making one when filming, since the projects are simple.