Article open in modal window after a user click on facebook share link and come back to your site

问题

I think I need your help here... On my site, I've done all the articles open in modal window by clicking on the link "read more" that exists in every article.

Also, each article has a button that shares this article on facebook.

But, when the user who will see my article on facebook, click this link to read the article, it come back to my page, but the article (logical) not open in modal window!!!

Is there any way, in the "return" of the user on my site, after having pressed the link of facebook, automatically open this article in modal window? Or, if the question above can't be done, is there any way by customizing the link I send to facebook, to set it in the "return" of the user to my site, after having pressed the facebook's link ofcourse, to show the article in intro view and not in full view?

Thank you very much for your time!

回答1:

I'm using modal windows in my website and I utilize the following HTML code to open an article in a popup:

<a class="modal" rel="{handler: 'iframe', size: {x: 680, y: 370}}" href="yourarticleid=759&tmpl=component&task=preview">Open a link in modal</a>

The method above uses the native function for creating the modal window and calls the article you need to display. However, since Facebook formats all posted links I don't think you'll be able to include the crucial piece of code (below) that triggers the modal window.

class="modal" rel="{handler: 'iframe', size: {x: 680, y: 370}}"

回答2:

Here is a kind of solution, an idea in other words, that make your articles open in modal window, after a user click on facebook share link and then come back to your site.

In my case I did this...

To open modal windows in my site, I am using the extension modalizer from nonumber.nl. This extension adds something like that &ml=1 at the end of article's url. The link that comes from facebook don't contain this &ml=1 at the end. So...

1. First of all, in to my article's content, I should include modal's behavior.

2. Then, I should make my code check if the url has this &ml=1 at the end or not.

3. After, I should decide what my code will do in those two cases. So, I want to do nothing if &ml=1 already exists and I want to open facebook's url in modal window if &ml=1 doesn't exist. I also want everytime that I close my modal window to load index.php, else user will see my article on frontend view.

Here is the code for all this:

<?php JHTML::_('behavior.modal'); 

      $url= 'http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];
  if (strstr($url, "&ml=1")){/* Do nothing */} 
else {?> <a class="modal" id="modalWindowLink" href="<?php echo $url ?>"></a>
         <script>
         window.addEvent('domready', function(){
         window.addEvent('load', function(){ SqueezeBox.fromElement($('modalWindowLink')); });
     });

         SqueezeBox.addEvent('onClose', function(){ window.location = 'index.php'; });
         </script>
     }
     <?php } ?>

If you have any better idea, or if you see something that could work better in other way, please let me know!!!

来源：https://stackoverflow.com/questions/15430218/article-open-in-modal-window-after-a-user-click-on-facebook-share-link-and-come