How to make the links to jump to a specific part of a page?

1. 85

   Kianeposted 6 years ago

   Hi, hubbers!
   Does anybody know how to make the table of contents like in this hub: https://levelskip.com/mobile/Kim-Kardas … d_26734529
   Maybe the similar question has already been asked on the forum, but I can´t find the answer((

   replyreport
   1. 76

      TIMETRAVELER2posted 6 years agoin reply to this

      I highly recommend that you don't do this because what happens is that the team will view those "links" as spam.  I went through this once before and learned this lesson the hard way.
      
      You don't need a table of contents if you caption your subtitles correctly and simply list the sections you will be creating in your first capsule.

      replyreport
      1. 100

         Eurofileposted 6 years agoin reply to this

         I'm relatively new around here, but I've picked up that the editors favor a list of the sections, near the beginning of an article, like you say.  I made the mistake of doing this in table form, which they edited.  So I'll have to figure it out differently next time.

         replyreport
   2. 85

      Kianeposted 6 years agoin reply to this

      Update: I decided to make the table of contents for this article: https://hubpages.com/entertainment/top- … must-watch  But the problem is that when I click on any link and jump to a particular place in the article... after that I can´t scroll the page...

      replyreport
      1. 90

         lobobrandonposted 6 years agoin reply to this

         Good catch Kiane, I noticed this on my hub too... If you reload the page with the same link or any of them for that matter it works fine. But on click from within that page it does not scroll.
         
         I'll look into this and if I can't find a solution will create a new thread about it for the team.

         replyreport
         1. 90

            lobobrandonposted 6 years agoin reply to this

            My websites and wikipedia work fine with the same structure of URLs on all browsers I tested (chrome and IE). Just the niche sites have a problem with this.
            
            There seems to be no problem on the levelskip article either. I checked the soruce code and it's exactly the same structure: <a href="https://levelskip.com/mobile/Kim-Kardashian-Hollywood-Game-Cheats-Tips-Tricks#mod_27064327">In-App Purchases</a>
            
            I'll try and contact Matt about this issue.

            replyreport
            1. 85

               Kianeposted 6 years agoin reply to this

               lobobrandon, my hub isn't on the niche website...yet))

               replyreport
         2. 85

            Kianeposted 6 years agoin reply to this

            lobobrandon, sometimes I can scroll the page (the first time I click the link), after I click any of the links, and the second time it dowsn't work. I don't know... maybe I will delete this capsule with the table of contents, as I don't think the editors will bother to edit it.

            replyreport
            1. 90

               lobobrandonposted 6 years agoin reply to this

               This is exactly what I notice too.

               replyreport
               1. 79

                  vineliner57posted 6 years agoin reply to this

                  I have set 2 of these up, one on LevelSkip and one on PetHelpful. The LevelSkip article was accepted with no problems.
                  
                  I have had no problems at all with the scrolling issues. Could it be a browser issue? I am using Chrome.

                  replyreport
                  1. 90

                     lobobrandonposted 6 years agoin reply to this

                     I am using chrome too. Also tested on IE. The levelskip article I saw worked fine. The article of Kiane and my recent article growing tomato from seed (both of which are still on HP) tend to have the scroll issue. I wrote about it to Matt, let's see if he knows what the issue could be.

                     replyreport
                  2. 85

                     Kianeposted 6 years agoin reply to this

                     vineliner57, I'm also using Chrome))

                     replyreport
                     1. 79

                        vineliner57posted 6 years agoin reply to this

                        Hmmm.
                        
                        One other question (just trying to figure this out). Did you set the links up before the article was moved to a vertical site? I wonder if this would change anything.
                        
                        This is a sample of what I'm using that is working (minus the "h" in "https"):
                        
                        ttps://levelskip.com/rpgs/Fast-Leveling-for-Your-Elder-Scrolls-Skyrim-Character#mod_42163940
                        
                        I set one up on an article that I just now submitted to PetHelpful. If it gets approved and moved over, then I will have a better idea if I am barking up the wrong tree.

                        replyreport
2. 90

   lobobrandonposted 6 years ago

   When on your published page view the page source code: ctrl+u on most browsers or right click and say view source. On the page source code find the heading you want to link to. The heading has an ID number something like this #mod_26734529
   
   Append this to the end of your hub URL, like the one on levelskip you have as an example. That's it.

   replyreport
3. 85

   Kianeposted 6 years ago

   Thank you so much!! For those who don´t know how to copy this part of code that you need so that everything works, you should choose "copy selector" (it took me some time to understand).

   replyreport
   1. 85

      NateB11posted 6 years agoin reply to this

      On the slider on my profile I have an article called Tips for Writers on Hubpages and other Money Making Sites where I wrote a tutorial on how to post a link to a specific section of an article. It's step by step, a bit more detail, though it's basically what Brandon said.

      replyreport
4. 85

   Kianeposted 6 years ago

   TIMETRAVELER2, I didn´t know that. Thanks for sharing your experience! It´s just that I see that some hubs have such tables of contents and they are published on niche websites, which means they probably have decent traffic. That´s why I thought it would be great to add a similar table to some of my long hubs. Now that you told us about your experience... I hesitate.

   replyreport
5. 85

   Kianeposted 6 years ago

   NateB11, thank you! You described the process in detailes, indeed.

   replyreport
6. 90

   lobobrandonposted 6 years ago

   TT2 if you look at it, Kiane linked to an article on levelskip, so it is allowed. Also, I use them on my articles without issues so far.

   replyreport
   1. 76

      TIMETRAVELER2posted 6 years agoin reply to this

      That isn't her point.  She's asking about creating a table of contents that links to subsections of the same article.  Doing this creates too many links and would surely be seen as spammy...at least that has been my experience.  Also, as I stated, there's no reason to do this.  She can make a list of subsections and then create a capsule for each one in the order of her list.  Much safer and gets the same job done.

      replyreport
      1. 90

         lobobrandonposted 6 years agoin reply to this

         I disagree. It adds links to help the user jump to where they want to go. See my recent hub on Tomato plant care. Also when I do this on my own website google gives links in the meta description to the section the user searched for. So for my article, if it ranked for transplanting tomatoes, in the meta description it would say: Jump to How to transplant tomatoes.

         replyreport
   2. 79

      vineliner57posted 6 years agoin reply to this

      Pretty slick!
      
      I just now set one up on a PetHelpful article using this method.
      
      I will let you all know one way or the other what happens as far as the editors are concerned.
      
      

      replyreport
7. 59

   paradigmsearchposted 6 years ago

   "How to make the links to jump to a specific part of a page?"
   
   I can answer this. Have done it several time on website. Don't know if works on HP. Shall I post?

   replyreport
   1. 90

      lobobrandonposted 6 years agoin reply to this

      Haha I doubt it can be different to using element IDs, if it is feel free to chip in

      replyreport
   2. 59

      paradigmsearchposted 6 years agoin reply to this

      Update.
      
      Not interested in plugging my website, Google has declared it dead; so don't give a d@mn anymore.
      
      Two lines of html code are required. Destination code and link code.

      replyreport
      1. 90

         lobobrandonposted 6 years agoin reply to this

         lol very helpful.

         replyreport
      2. 59

         paradigmsearchposted 6 years agoin reply to this

         Reprint due to page change.

         replyreport
8. 59

   paradigmsearchposted 6 years ago

   Destination code (where one wants it to go):
   
   <a href="http://www.websitewithnoname.com/2016/08/base-2-4-8-16-number-system-lessons-for.html#base16" name="base16"></a>
   
   Am not cleaning it up, I just plain don't care.

   replyreport
   1. 59

      paradigmsearchposted 6 years agoin reply to this

      Reprint due to page-change.

      replyreport
9. 59

   paradigmsearchposted 6 years ago

   Link code will follow.

   replyreport
10. 59

    paradigmsearchposted 6 years ago

    Link code:
    
    <a href="http://www.websitewithnoname.com/2016/08/base-2-4-8-16-number-system-lessons-for.html#base16">Base 16 – Hexadecimal</a>

    replyreport
11. 59

    paradigmsearchposted 6 years ago

    That all you need. Just substitute your own links. Am happy to answer questions for next 10 minutes.

    replyreport
    1. 90

       lobobrandonposted 6 years agoin reply to this

       That is exactly what we did. Thanks though For some reason, it works but then the scroll function of the page does not work anymore. But on levelskip it works fine. Also, it worked fine in the past did it a lot. Have a nice 10 minutes haha.

       replyreport
       1. 59

          paradigmsearchposted 6 years agoin reply to this

          Figured HP would be different. Am surprised it worked at all. HP usually doesn't allow advanced code.

          replyreport
12. 95

    eugbugposted 6 years ago

    Someone wrote a hub several years ago showing how to do this. I'll see if I can locate it.

    replyreport
13. 95

    eugbugposted 6 years ago

    Just noticed search in the menu on the sidebar has gone. The magnifying glass on the top right of the page re-directs to the Maven search page which then re-directs back to HubPages.

    replyreport
14. 95

    eugbugposted 6 years ago

    Here it is:
    
    https://hubpages.com/community/TOC

    replyreport
    1. 90

       lobobrandonposted 6 years agoin reply to this

       It's the exact same method though. There's only one way to do this using HTML. If you go to that hub (which is on hubpages) and you click Create the Table of Contents Capsule and then scroll back up and click Copy the URL of the Hub you will see that it gets stuck.

       replyreport
       1. 90

          lobobrandonposted 6 years agoin reply to this

          Ah yes, it was darkside who I first learned this from. Sid also links to that hub: https://hubpages.com/community/tableofcontents

          replyreport
15. 90

    lobobrandonposted 6 years ago

    I contacted Robin to find out whether a TOC is something that is accepted or not, and I got the green signal, just for those of you who think it is not allowed. But, I would personally not recommend using one unless you think it is really necessary. Also, it's a considerable amount of work getting it done, and when the URL changes (moved from HP to a niche site) it would probably break (not sure about this, if redirected properly it would work fine, but I have not tested this so I can't comment). So only use if really necessary.

    replyreport
    1. 79

       vineliner57posted 6 years agoin reply to this

       "Also, it's a considerable amount of work getting it done, and when the URL changes (moved from HP to a niche site) it would probably break (not sure about this, if redirected properly it would work fine, but I have not tested this so I can't comment)"
       
       As noted earlier in this thread, I submitted an article to PetHelpful yesterday with a TOC and it was moved over rather quickly.
       
       The re-direct converted the URL portion of the link properly and the TOC did not break.
       
       It takes me 10-15 minutes to set one of these up, and I personally think it is well worth the extra effort, especially on longer articles.
       
       

       replyreport
       1. 90

          lobobrandonposted 6 years agoin reply to this

          Ah, nice. Thanks for clearing that up
          
          The only reason I added that it takes time, is because some people have 100's of hubs to work on. It's pretty quick, to be honest, and as stated they are super helpful on longer articles.

          replyreport
          1. 79

             vineliner57posted 6 years agoin reply to this

             I like to troubleshoot, but this one (not scrolling correctly) has me puzzled, as I am not experiencing the same problem.
             
             As a side note, I submitted the article I spoke of yesterday to PetHelpful without doing a thorough read through/edit, and the editors made a LOT of changes.
             
             They are changes that I can live with, but what impressed me was the language of the email that came with it.
             
             It was in a positive tone, telling me how great the article is (LOL), before editing the heck out of it.
             
             Overall, while I don't agree with all of their decisions, I think they are doing a great job!

             replyreport
             1. 90

                lobobrandonposted 6 years agoin reply to this

                The problem is only seen on Hubpages not on the niche sites. You click a link on the TOC once on a page on HP then scroll back up and click another link (do not reload the page while doing this) and after you click the second link the scroll gets stuck. Again, this is not an issue on the niche sites: not on levelskip, not on pethelpful as you say and from what I see not on dengarden.
                
                EDIT: Yup, they do a great job editing

                replyreport
                1. 79

                   vineliner57posted 6 years agoin reply to this

                   The thing is, the TOC's are working for me on the HP articles as well. I can scroll up and down, go back up and click another link, etc, etc, and it works just fine. That is the part I can't figure out. It's kinda like "Why Me?", but in a good way.
                   
                   Oh well, time to move on.

                   replyreport
                   1. 90

                      lobobrandonposted 6 years agoin reply to this

                      Ooh, interesting. At least I know it's not just me, I didn't even realise it until it was pointed out to me here.

                      replyreport
                      1. 85

                         Kianeposted 6 years agoin reply to this

                         lobobrandon, everything works fine now. I don't know why, but now no matter how many links I click, I can scroll the page.

                         replyreport
                         1. 90

                            lobobrandonposted 6 years agoin reply to this

                            Cool, they probably fixed it. Matt replied saying that they would be looking into it. He didn't say that he can't reproduce the issue, so I would think they figured it out and solved it.

                            replyreport