dejanstojanovic / Facebook-Album-Browser

jQuery plugin for browsing public albums of a Facebook account
http://dejanstojanovic.github.io/Facebook-Album-Browser/
MIT License
74 stars 42 forks source link

Can't get album to load for account #70

Closed cobygifford closed 5 years ago

cobygifford commented 6 years ago

Can't seem to figure out what I am doing wrong. I opened your codepen page for testing. Won't seem to load for this facebook account below and their albums are public. JR-Landscaping-Lawn-Service-780219571998457 I'd love to use this plug in because it looks awesome and cycles all albums.

image

kawstuv commented 6 years ago

Thanks for the code it has been a great help, however, currently the facebook albums are not loading only the thumbnail appears. This is not only for me but everywhere it is happening wherever demo is given. Check this link: http://demo.technoworkshop.in/facebook-album-browser/

https://www.jqueryscript.net/gallery/jQuery-Plugin-To-Display-Facebook-Albums-Photos-On-Your-Website.html

dejanstojanovic commented 6 years ago

The reason for this is Application API call rate breached. I created a sample app for demo purpose on Facebook, but apparently a lot of people are using this during development or some other purpose which is causing limit to be breached image

kawstuv commented 6 years ago

Thanks for your help.

On Sun 3 Jun, 2018, 7:09 PM Dejan Stojanovic, notifications@github.com wrote:

The reason for this is Application API call rate breached. I created a sample app for demo purpose on Facebook, but apparently a lot of people are using this during development or some other purpose which is causing limit to be breached [image: image] https://user-images.githubusercontent.com/7481783/40887143-0531c116-6755-11e8-80a5-66cc515db902.png

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/dejanstojanovic/Facebook-Album-Browser/issues/70#issuecomment-394163135, or mute the thread https://github.com/notifications/unsubscribe-auth/AUCRgTypYLXk5WVENvZ9MEPFZ8wQ7gLbks5t4-cHgaJpZM4SYwFn .

kawstuv commented 6 years ago

So, what is the way out???

On Sun, Jun 3, 2018 at 7:09 PM, Dejan Stojanovic notifications@github.com wrote:

The reason for this is Application API call rate breached. I created a sample app for demo purpose on Facebook, but apparently a lot of people are using this during development or some other purpose which is causing limit to be breached [image: image] https://user-images.githubusercontent.com/7481783/40887143-0531c116-6755-11e8-80a5-66cc515db902.png

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/dejanstojanovic/Facebook-Album-Browser/issues/70#issuecomment-394163135, or mute the thread https://github.com/notifications/unsubscribe-auth/AUCRgTypYLXk5WVENvZ9MEPFZ8wQ7gLbks5t4-cHgaJpZM4SYwFn .

dejanstojanovic commented 6 years ago

Alternatively, you can register your own Facebook application and use it instead of the demo one I registered

kawstuv commented 6 years ago

Got it Sir, thanks let me try and get back to you.

On Sun, Jun 3, 2018 at 7:37 PM, Dejan Stojanovic notifications@github.com wrote:

Alternatively, you can register your own Facebook application and use it instead of the demo one I registered

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/dejanstojanovic/Facebook-Album-Browser/issues/70#issuecomment-394164768, or mute the thread https://github.com/notifications/unsubscribe-auth/AUCRgXQ_BfLjhqHtMa2D04VqyYsHhmqRks5t4-2igaJpZM4SYwFn .

zsavicreative commented 6 years ago

I think it goes without saying, the only way to run this plugin in a stable manner is to create your own facebook "app" and replace Dejan's keys for your own. I have been running his solution for months in a production environment without a single problem. You can see it here:

http://jamiescakedecorating.com.au/kids-cakes/

I'm sure the only reason Dejan left his keys in the source code was to allow for a quick and easy test to see if the album performs as per your own requirements and if you would like to invest the time to implement it into your setup. If you like the way the example works, it would take a whole 5 minutes to create a facebook app and get your own keys to make the API calls against, only then should you be attempting to pull your client's albums to get it to work.

kawstuv commented 6 years ago

I have generated my own access token and the way I have used it is something like this:

$(document).ready(function () { $(".fb-album-container").FacebookAlbumBrowser({ account: "DENTALSTUDIOKOLKATA", accessToken: "775908159169504|cYEIsh0rs25OQQC8Ex2hXyCOut4", skipAlbums: ["Profile Pictures", "Timeline Photos", "Photos", "Cover Photos", "Mobile Uploads"], thumbnailSize: 320, showComments: false, commentsLimit: 3, showAccountInfo: false, showImageCount: true, showImageText: true, shareButton: false, albumsPageSize: 12, photosPageSize: 12, lightbox: true, photosCheckbox: false, pluginImagesPath: "src/", likeButton: false, shareButton: false, addThis: "ra-52638e915dd79612", photoChecked: function (photo) { console.log("PHOTO CHECKED: " + photo.id + " - " + photo.url + " - " + photo .thumb); console.log("CHECKED PHOTOS COUNT: " + this.checkedPhotos.length); }, photoUnchecked: function (photo) { console.log("PHOTO UNCHECKED: " + photo.id + " - " + photo.url + " - " + photo.thumb); console.log("CHECKED PHOTOS COUNT: " + this.checkedPhotos.length); }, albumSelected: function (photo) { console.log("ALBUM CLICK: " + photo.id + " - " + photo.url + " - " + photo. thumb); }, photoSelected: function (photo) { console.log("PHOTO CLICK: " + photo.id + " - " + photo.url + " - " + photo. thumb); } });

}); }

Can you tell me where I am going wrong since it was functioning all okay few days back

On Sun, Jun 3, 2018 at 7:50 PM, Ze notifications@github.com wrote:

I think it goes without saying, the only way to run this plugin in a stable manner is to create your own facebook "app" and replace Dejan's keys for your own. I have been running his solution for months in a production environment without a single problem. You can see it here:

http://jamiescakedecorating.com.au/kids-cakes/

I'm sure the only reason Dejan left his keys in the source code was to allow for a quick and easy test to see if the album performs as per your own requirements and if you would like to invest the time to implement it into your setup. If you like the way the example works, it would take a whole 5 minutes to create a facebook app and get your own keys to make the API calls against, only then should you be attempting to pull your client's albums to get it to work.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/dejanstojanovic/Facebook-Album-Browser/issues/70#issuecomment-394165632, or mute the thread https://github.com/notifications/unsubscribe-auth/AUCRgazKuW1yUTUFHeQvhc9u7BW1DyvMks5t4_DKgaJpZM4SYwFn .

zsavicreative commented 6 years ago

so just for clarity, I'm putting your code in code tags for easier reading.

$(document).ready(function () {
  $(".fb-album-container").FacebookAlbumBrowser({
    account: "DENTALSTUDIOKOLKATA",
    accessToken: "775908159169504|cYEIsh0rs25OQQC8Ex2hXyCOut4",
    skipAlbums: ["Profile Pictures", "Timeline Photos", "Photos", "Cover Photos",
      "Mobile Uploads"
    ],
    thumbnailSize: 320,
    showComments: false,
    commentsLimit: 3,
    showAccountInfo: false,
    showImageCount: true,
    showImageText: true,
    shareButton: false,
    albumsPageSize: 12,
    photosPageSize: 12,
    lightbox: true,
    photosCheckbox: false,
    pluginImagesPath: "src/",
    likeButton: false,
    shareButton: false,
    addThis: "ra-52638e915dd79612",
    photoChecked: function (photo) {
      console.log("PHOTO CHECKED: " + photo.id + " - " + photo.url + " - " + photo
        .thumb);
      console.log("CHECKED PHOTOS COUNT: " + this.checkedPhotos.length);
    },
    photoUnchecked: function (photo) {
      console.log("PHOTO UNCHECKED: " + photo.id + " - " + photo.url + " - " +
        photo.thumb);
      console.log("CHECKED PHOTOS COUNT: " + this.checkedPhotos.length);
    },
    albumSelected: function (photo) {
      console.log("ALBUM CLICK: " + photo.id + " - " + photo.url + " - " + photo.thumb);
    },
    photoSelected: function (photo) {
      console.log("PHOTO CLICK: " + photo.id + " - " + photo.url + " - " + photo.thumb);
    }
  });

});
}

So first of all, your brackets are off, you've got an extra bracket at the bottom that is unnecessary.

The section that holds the options for the plugin should be as indicated below:

$(document).ready(function () {
  $(".fb-album-container").each(function () {
      $(this).FacebookAlbumBrowser({
          // all options in here.
      });
  });
});

Not sure how you had it working before, or if the code you've pasted here is exactly what you had before. But from a quick scan these two factors could be contributing to it not functioning as intended.

kawstuv commented 6 years ago

Sorry, I should have put the entire snippet. This is how I am using it. <!doctype html>

Untitled Document
zsavicreative commented 6 years ago

I suggest you go back to the example provided in the source code and look at where you're going wrong.

Also a piece of advice when creating posts on github projects, these are reserved for people who detect bugs and other underlining issues that the developer might not have come across in their development environment. If you require help in understanding how something works, then try creating a post on https://stackoverflow.com/

kawstuv commented 6 years ago

I will do that in future.

Kurve commented 6 years ago

Hi, we had this working on a couple of our websites until recently using our own Facebook Application and have found that we can only get the gallery working if we specify the 'onlyAlbum' attribute with a specified Facebook folder ID. When we try and use either the 'includeAlbums' or 'skipAlbums' we get nothing but the animated GIF.

The whole point of having this on our sites is so our Social Media Marketing Editor can upload images to Facebook in relevent folders so we don't have to replicate the process to get the images on our website(s). Having us add a folder each time we need to is just an extra process we can do without.

Any clues as to why these attributes have stopped working?

ateufel commented 6 years ago

guys...those are access tokens. NEVER hardcode any access token, and NEVER make any access token public...it should not even be in the demo. if you need to hardcode a token, do that server side only.